摘要:最小的示例如下它會顯示一個的標題在頁面上。指南的指南在這個指南中,我們將會檢驗的建筑模塊和元素和組件。這是循序漸進的指南關于原則的第一章。它可能會花半小時到一個小時,但是好處是你不會感覺同時在學習和。注意此指南偶爾在示例中采用新的語法。
Hello World
最小的 React 示例如下:
ReactDOM.render(Hello, world!
, 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 打交道,多數時候這三點會卡住你。 |
頁面滑動到底部你會看到 下一章 鏈接。
寫在最后想增強下學過知識的系統性,先增加下學習的儀式感。
文章版權歸作者所有,未經允許請勿轉載,若此文章存在違規行為,您可以聯系管理員刪除。
轉載請注明本文地址:http://specialneedsforspecialkids.com/yun/96562.html
摘要:文檔翻譯系列二開始最簡單的方式就是在上使用示例。最小的例子如下它會在頁面上渲染一個標題。接下來的幾部分會逐步的介紹如何使用。我們會查驗應用的構建塊元素和組件。在例子中也使用了一些的語法。可以使用在線轉換器查看的代碼編譯。 React文檔翻譯系列(二)Hello World Hello World 開始React最簡單的方式就是在CodePen上使用Hello World示例。無需安裝任...
摘要:文檔翻譯系列三簡介先來看一下下面的變量聲明這種有趣的標簽語法既不是字符串也不是。這種形式被稱作,他是的一種擴展語法。為便于閱讀,我們將分隔成多行。表示對象將編譯成調用。我們建議您為選擇的編輯器搜索語法方案,以便和代碼都能夠被正確高亮的顯示。 React文檔翻譯系列(三)JSX簡介 先來看一下下面的變量聲明: const element = Hello world! 這種有趣的標簽語法既...
摘要:文檔翻譯系列一安裝原文地址原文本系列是針對文檔進行的翻譯,因為自己在學習的時候,最開始通過看博客或者論壇等中文資料,有些內容是零零散散的接收,并沒有給自己帶來很好的效果,所以后來決定把文檔的原文從頭到尾看一遍。 React文檔翻譯系列(一)安裝 原文地址:原文 本系列是針對React文檔進行的翻譯,因為自己在學習react的時候,最開始通過看博客或者論壇等中文資料,有些內容是零零散散的...
摘要:需要提醒讀者的是,的很多例子都是通過來寫的,但這并不是語法,后面我們會有單獨的一小節講解的基本語法,不過目前為止我們先將跟多精力放在上。 書籍完整目錄 1.2 JSX 語法 showImg(https://segmentfault.com/img/bVvKLR); 官方文檔 https://facebook.github.io/react/docs/jsx-in-depth.html ...
閱讀 1972·2021-11-25 09:43
閱讀 653·2021-10-11 10:58
閱讀 1730·2019-08-30 15:55
閱讀 1725·2019-08-30 13:13
閱讀 736·2019-08-29 17:01
閱讀 1840·2019-08-29 15:30
閱讀 789·2019-08-29 13:49
閱讀 2172·2019-08-29 12:13