React

React 是一個用于構建用戶界面的JavaScript庫。

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

NEW! 查看我們最新的項目React Native, 它使用React和JavaScript創建本機APP。

了解如何在自己的項目中使用React.

例子

我們有幾個例在網站上。 這是第一個例子:

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

此示例將“Hello John!”呈現在頁面上的容器里。

你會注意到我們使用類似HTML的我們稱之為JSX。 JSX不需要使用React，但是它使代碼更可讀，寫它感覺像寫HTML。 一個簡單的變換 是React中包含的，它允許將JSX轉換為本地JavaScript，供瀏覽器進行摘要。

安裝

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

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

如果你想使用 bower, 這很簡單：

bower install --save react

貢獻

此存儲庫的主要目的是繼續發展React核心，使其更快更容易使用。 如果你有興趣幫助，那么繼續閱讀。 如果你不想幫助現在也沒關系。 :)給我們任何有關使用React的反饋，我們將非常感謝。

創建一個關于React的副本

我們在使用react.js之前要先搭建nodeJs，因為要引用其中大量的庫，或許是你已經熟悉的。

必備條件

• 你的node版本應該在v0.10.0+以上（或許能在低版本上運行，我們沒有測試過）
  
• 你應該熟悉npm，并且使用’sudo’以保證依賴包為全局安裝
  
• 你應該熟悉git
  

構建

一旦你有了知識庫的克隆，建立一份 react.js 真的很簡單。

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

在這一點上，你應該有一個構建/目錄填充您需要使用React的所有內容。示例應該都可以工作。

Grunt

我們使用Grunt來自動化執行許多任務。運行 grunt -h 查看大部分完整的列表。 其中重要的知識點：

/*用PhantomJS創建并運行測試程序*/
grunt test
/*在你的瀏覽器上創建運行*/
grunt test --debug
/*你可以運行一個程序的時候加上'--filter'獲得更快的速度。*/
grunt fasttest --filter=ReactIdentity
/*用ESLint保證高質量代碼*/
grunt lint
/*銷毀創建的目錄*/
grunt clean

許可

React 是BSD 許可。我們還提供額外專利授權.

React文檔是知識共享許可。

此存儲庫和文檔中提供的示例為單獨許可.

更多…

疑難解答

請參見故障排除指南