react文檔 Hello World

Hello World

最小的 React 示例以下：

ReactDOM.render(
    <h1>Hello, world!</h1>,
    document.getElementById('root')
);

它會顯示一個 「Hello, world!" 的標題在頁面上。

在在線編輯器上嘗試

點擊上面的連接打開在線編輯器。隨便作些改動，看看它們如何影響輸出。入門指南中大多數頁面都有一個相似的可編輯示例。

---

指南的指南

在這個指南中，咱們將會檢驗 React apps 的建築模塊： elements 和 components(元素和組件）。一旦掌握了它們，就能夠經過小的可複用塊來創造複雜應用了。

小貼士 這篇指南爲偏心 learning concepts step by step 的人設計。若是你喜歡經過動手來學習, 打開咱們的 實踐指導. 你會發現指南和指導互爲補充。

這是按部就班的指南關於 React 原則的第一章。 右側邊欄有全部章節的導航。若是經過移動設備閱讀，你能夠經過點擊屏幕右下角的按鈕進入導航。

指南的每一章都會基於以前幾張的知識。 你能夠經過安裝側邊欄中出現的順序閱讀 「Main Concepts" 指導章節學習大部分 React 知識。例如，"Introducing JSX(JSX 簡介）" 是下一章。

---

知識層度假設

React 是一個 JavaScript 庫，所以咱們假定你已經對 JavaScript 語言有一個基礎的理解。 若是你不是頗有自信，建議你閱讀 JavaScript 指導檢測你的知識層度確保跟隨此指南不會迷路。它可能會花半小時到一個小時，可是好處是你不會感受同時在學習 React 和 JavaScript。

注意 此指南偶爾在示例中採用新的 JavaScript 語法。 若是你有幾年沒和 JavaScript 打交道，多數時候這三點會卡住你。

---

正式啓程

頁面滑動到底部你會看到 下一章 連接。

寫在最後

想加強下學過知識的系統性，先增長下學習的儀式感。