第一節——Hello World

最容易的開始學習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語句編譯成什么樣子。

最后編輯于
?著作權歸作者所有,轉載或內容合作請聯系作者
平臺聲明:文章內容(如有圖片或視頻亦包括在內)由作者上傳并發布,文章內容僅代表作者本人觀點,簡書系信息發布平臺,僅提供信息存儲服務。