Hello World
最容易開始使用 React 方式是用CodePen。你不需要安裝任何東西;你只需要在新頁面打開它并依照我們當時經歷的例子。如果寧愿使用本地的開發環境,查看安裝章節。
最小的 React 例子看起來是這樣的:
ReactDOM.render(
<h1>Hello, world!</h1>,
document.getElementById('root')
);
它在頁面渲染了一個”Hello World“標題。
下面的幾個部分會逐步的介紹你使用 React。我們將考察React 應用的構建單元:元素和組件。一旦你掌握了它們,你就可以從小型可復用的部件創建復雜的應用。
關于 JavaScript 的注意事項
React 是一個 JavaScript 庫,所以假設你已經對 JavaScript 語言有了基本了解。如果你感到不確信,我們推薦重新介紹 JavaScript(JS 教程),這樣你就可以更容易地跟隨下去。
我們在例子中也使用一些 ES6 語法。我們盡量少用,因為它仍然相對較新,但我們鼓勵你熟悉箭頭函數、類、模板字符串、let
和const
聲明。你可以使用Babel REPL來查看ES6代碼編譯成什么樣。
下一步
介紹 JSX