React

React 是一個(gè)用于構(gòu)建用戶界面的JavaScript庫(kù)。

• 用做UI： 許多人把React當(dāng)做MVC設(shè)計(jì)模式中的視圖(view)，當(dāng)把React成為你的技術(shù)掌握之后， 它可以很輕松應(yīng)用于一個(gè)小功能的項(xiàng)目。
• 虛擬DOM：React用一個(gè)”虛擬DOM”實(shí)現(xiàn)了超高的性能，配合nodeJS也可以實(shí)現(xiàn)在服務(wù)端的渲染，不存在耗時(shí)的瀏覽器dom渲染。
• 數(shù)據(jù)流： React是一種減少引用數(shù)據(jù)流的實(shí)現(xiàn)方式，并且比傳統(tǒng)的方式更容易實(shí)現(xiàn)數(shù)據(jù)綁定。

NEW! 查看我們最新的項(xiàng)目React Native, 它使用React和JavaScript創(chuàng)建本機(jī)APP。

了解如何在自己的項(xiàng)目中使用React.

例子

我們有幾個(gè)例在網(wǎng)站上。 這是第一個(gè)例子:

var HelloMessage = React.createClass({  render: function() {    return 
Hello {this.props.name}
;  }});React.render(  ,  document.getElementById('container'));

此示例將“Hello John!”呈現(xiàn)在頁(yè)面上的容器里。

你會(huì)注意到我們使用類似HTML的我們稱之為JSX。 JSX不需要使用React，但是它使代碼更可讀，寫(xiě)它感覺(jué)像寫(xiě)HTML。 一個(gè)簡(jiǎn)單的變換 是React中包含的，它允許將JSX轉(zhuǎn)換為本地JavaScript，供瀏覽器進(jìn)行摘要。

安裝

開(kāi)始的最快方法是從CDN提供JavaScript（也可以在cdnjs 和 jsdelivr):

我們還制作了一個(gè) 入門工具包如果這是你第一次使用React，這可能是有用的。 它包括一個(gè)網(wǎng)頁(yè)，其中包含使用React與實(shí)時(shí)代碼的示例。

如果你想使用 bower, 這很簡(jiǎn)單：

bower install --save react

貢獻(xiàn)

此存儲(chǔ)庫(kù)的主要目的是繼續(xù)發(fā)展React核心，使其更快更容易使用。 如果你有興趣幫助，那么繼續(xù)閱讀。 如果你不想幫助現(xiàn)在也沒(méi)關(guān)系。 :)給我們?nèi)魏斡嘘P(guān)使用React的反饋，我們將非常感謝。

創(chuàng)建一個(gè)關(guān)于React的副本

我們?cè)谑褂胷eact.js之前要先搭建nodeJs，因?yàn)橐闷渲写罅康膸?kù)，或許是你已經(jīng)熟悉的。

必備條件

• 你的node版本應(yīng)該在v0.10.0+以上（或許能在低版本上運(yùn)行，我們沒(méi)有測(cè)試過(guò)）
  
• 你應(yīng)該熟悉npm，并且使用’sudo’以保證依賴包為全局安裝
  
• 你應(yīng)該熟悉git
  

構(gòu)建

一旦你有了知識(shí)庫(kù)的克隆，建立一份 react.js 真的很簡(jiǎn)單。

# grunt-cli is needed by grunt; you might have this installed alreadynpm install -g grunt-clinpm installgrunt build

在這一點(diǎn)上，你應(yīng)該有一個(gè)構(gòu)建/目錄填充您需要使用React的所有內(nèi)容。示例應(yīng)該都可以工作。

Grunt

我們使用Grunt來(lái)自動(dòng)化執(zhí)行許多任務(wù)。運(yùn)行 grunt -h 查看大部分完整的列表。 其中重要的知識(shí)點(diǎn)：

/*用PhantomJS創(chuàng)建并運(yùn)行測(cè)試程序*/
grunt test
/*在你的瀏覽器上創(chuàng)建運(yùn)行*/
grunt test --debug
/*你可以運(yùn)行一個(gè)程序的時(shí)候加上'--filter'獲得更快的速度。*/
grunt fasttest --filter=ReactIdentity
/*用ESLint保證高質(zhì)量代碼*/
grunt lint
/*銷毀創(chuàng)建的目錄*/
grunt clean

許可

React 是BSD 許可。我們還提供額外專利授權(quán).

React文檔是知識(shí)共享許可。

此存儲(chǔ)庫(kù)和文檔中提供的示例為單獨(dú)許可.

更多…

疑難解答

請(qǐng)參見(jiàn)故障排除指南