最容易的開始學(xué)習(xí)React的方式就是使用這個(gè)在CodePen(https://reactjs.org/redirect-to-codepen/hello-world)上的hello world例子你不需要安裝任何東西,把這個(gè)鏈接在另一個(gè)Tab頁(yè)打開脖隶,并且跟隨我們的腳步進(jìn)行瀏覽即可.如果你更喜歡使用一個(gè)本地的開發(fā)環(huán)境郁惜,那么請(qǐng)查看 安裝 章節(jié)蚁飒。
這個(gè)最簡(jiǎn)單的例子如下所示:
在頁(yè)面上渲染了一個(gè)標(biāo)題,內(nèi)容為'Hello或南, world!'
接下來(lái)的幾個(gè)章節(jié)將會(huì)向逐漸向你介紹去使用React寥闪,我們將會(huì)測(cè)試 building blocks的React應(yīng)用:元素和組件敬飒。一旦你掌握了它們,你就可以從這些可復(fù)用的部分來(lái)創(chuàng)建復(fù)雜的應(yīng)用硫豆。
關(guān)于javaScript需要注意的部分:
React是一個(gè)JavaScript庫(kù)龙巨,所以我們將會(huì)假定你對(duì)于JavaScript語(yǔ)言有一個(gè)基礎(chǔ)的認(rèn)識(shí)笼呆。如果你對(duì)此不是十分自信的話,我們推薦你去火狐的開發(fā)者文檔上復(fù)習(xí)一下JavaScript知識(shí)旨别,這將有助于你學(xué)習(xí)React更加容易诗赌。
我們同樣在示例中使用了一些ES6的語(yǔ)法,由于它們?nèi)耘f是比較新的技術(shù)秸弛,所以我們嘗試著保守地使用它們铭若,但是我們鼓勵(lì)你熟悉一下arrow functions(箭頭函數(shù)), classes, template literals, let, 和 const 語(yǔ)句。你可以使用Babel預(yù)處理器來(lái)查看ES6語(yǔ)句編譯成什么樣子递览。