最容易的開始學習React的方式就是使用這個在CodePen(https://reactjs.org/redirect-to-codepen/hello-world)上的hello world例子你不需要安裝任何東西,把這個鏈接在另一個Tab頁打開,并且跟隨我們的腳步進行瀏覽即可.如果你更喜歡使用一個本地的開發環境,那么請查看 安裝 章節。
這個最簡單的例子如下所示:
在頁面上渲染了一個標題,內容為'Hello, world!'
接下來的幾個章節將會向逐漸向你介紹去使用React,我們將會測試 building blocks的React應用:元素和組件。一旦你掌握了它們,你就可以從這些可復用的部分來創建復雜的應用。
關于javaScript需要注意的部分:
React是一個JavaScript庫,所以我們將會假定你對于JavaScript語言有一個基礎的認識。如果你對此不是十分自信的話,我們推薦你去火狐的開發者文檔上復習一下JavaScript知識,這將有助于你學習React更加容易。
我們同樣在示例中使用了一些ES6的語法,由于它們仍舊是比較新的技術,所以我們嘗試著保守地使用它們,但是我們鼓勵你熟悉一下arrow functions(箭頭函數), classes, template literals, let, 和 const 語句。你可以使用Babel預處理器來查看ES6語句編譯成什么樣子。