鍍金池/ 教程/ HTML/ 工具集成(ToolingIntegration)
顯示數(shù)據(jù)
組件的引用
Controlled Input 值為 null 的情況
Reconciliation
子 props 的類型
組件的詳細(xì)說明和生命周期
傳遞 Props
特殊的非 DOM 屬性
組件 API
PureRenderMixin
雙向綁定輔助工具
瀏覽器中的工作原理
深入 JSX
表單組件
Dangerously Set innerHTML
入門
JSX 中的 If-Else
克隆組件
教程
更多的關(guān)于Refs
JSX 的 false 處理
高級(jí)性能
Mounting 后 componentWillReceiveProps 未被觸發(fā)
簡介
測試工具集
JSX 陷阱
工具集成(ToolingIntegration)
公開組件功能
通過 AJAX 加載初始數(shù)據(jù)
事件系統(tǒng)
可復(fù)用組件
this.props.children undefined
不可變數(shù)據(jù)的輔助工具(Immutability Helpers)
動(dòng)態(tài)交互式用戶界面
組件的 DOM 事件監(jiān)聽
復(fù)合組件
動(dòng)畫
插件
JSX 展開屬性
行內(nèi)樣式
性能分析工具
類名操作
與其他類庫并行使用 React
鍵控的片段
標(biāo)簽和屬性支持
組件間的通信
React (虛擬)DOM 術(shù)語
JSX 根節(jié)點(diǎn)的最大數(shù)量
在樣式props中快速制定像素值
頂層 API
深入理解 React
自閉合標(biāo)簽
為什么使用 React?
getInitialState 里的 Props 是一個(gè)反模式
與 DOM 的差異

工具集成(ToolingIntegration)

每個(gè)項(xiàng)目使用不同的系統(tǒng)來構(gòu)建和部署JavaScript。我們嘗試盡量讓React環(huán)境無關(guān)。

React

CDN托管的React

我們在我們的下載頁面提供了React的CDN托管版本。這些預(yù)構(gòu)建的文件使用UMD模塊格式。直接簡單地把它們放在<script>標(biāo)簽中將會(huì)給你環(huán)境的全局作用域引入一個(gè)React對(duì)象。React也可以在CommonJS和AMD環(huán)境下正常工作。

使用主分支

我們在GitHub倉庫的主分支上有一些構(gòu)建指令。我們在build/modules下構(gòu)建了符合CommonJS模塊規(guī)范的樹形目錄,你可以放置在任何環(huán)境或者使用任何打包工具,只要支持CommonJS規(guī)范。

JSX

瀏覽器中的JSX轉(zhuǎn)換

如果你喜歡使用JSX,我們在我們的下載頁面提供了一個(gè)用于開發(fā)的瀏覽器中的JSX轉(zhuǎn)換器。簡單地用一個(gè)<script type="text/jsx">標(biāo)簽來觸發(fā)JSX轉(zhuǎn)換器。

注意:

瀏覽器中的JSX轉(zhuǎn)換器是相當(dāng)大的,并且會(huì)在客戶端導(dǎo)致無謂的計(jì)算,這些計(jì)算是可以避免的。不要在生產(chǎn)環(huán)境使用 - 參考下一節(jié)。

生產(chǎn)環(huán)境化:預(yù)編譯JSX

如果你有npm,你可以簡單地運(yùn)行npm install -g react-tools來安裝我們的命令行jsx工具。這個(gè)工具會(huì)把使用JSX語法的文件轉(zhuǎn)換成純的可以直接在瀏覽器里面運(yùn)行起來的JavaScript文件。它也會(huì)為你監(jiān)視目錄,然后自動(dòng)轉(zhuǎn)換變化的文件;例如:jsx --watch src/ build/。運(yùn)行jsx --help來查看更多關(guān)于如何使用這個(gè)工具的信息。

有用的開源項(xiàng)目

開源社區(qū)開發(fā)了在幾款編輯器中集成JSX的插件和構(gòu)建系統(tǒng)。點(diǎn)擊JSX集成查看所有內(nèi)容。

上一篇:表單組件下一篇:深入 JSX