React
A JAVASCRIPT LIBRARY FOR BUILDING USER INTERFACES
下面是爲什麼在你選擇之前需要再考慮一下：(摘錄)
一開始 React 會極大地減慢你的開發。理解props、state以及組件通信如何工作並不是很簡單，並且文檔信息錯綜複雜。理論上，這將會被克服，你的整個團隊都上道之後，開發速度上就會有一個很大的提升。
React 不支持 IE8 以下的任何瀏覽器，以後也絕不會。
如果你的應用/站點不需要頻繁的動態頁面更新，你可能爲了很小的功能而編寫大量的代碼。
你會改造很多輪子。React 很年輕，並且因爲沒有權威的方式來處理事件、組件通信，你必須從零開始創建大量的組件庫。你的應用是否有下拉菜單，可調整大小的窗口，或者 lightbox？你同樣必須從零開始寫這些。
安裝方式：
1. 通過bower安裝
#npm install -g bower 安裝bower工具 #cp /mnt/code/ #bower install react
安裝完成後在/mnt/code/下生成一個bower_components的文件。
2. 源碼包下載 此處只提供了React.js中文站點（http://facebook.github.io/react/）
解壓得到兩個文件夾： build(react 核心文件) examples
概念理解：
希望大家幫忙查閱：有關React相關工作方式。
JSX ： JavaScript 的XML的語法擴展
開始使用React：
此處我就簡單的使用源碼下載 0.13
1.在項目目錄下新建index.html， 內容如下：
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>React.js Study</title> </head> <body> <div id="app"></div> <script src="build/react.js"></script> <!--讓瀏覽器直接編譯JSX--> <script src="build/JSXTransformer.js"></script> <script type="text/jsx"> // 本章節的重點，就在次行 // 定義web組件 var MessageBox = React.createClass({ alertMessage:function (){ alert('Fuck誰點我呢！'); }, render:function (){ return (<h1 onClick={this.alertMessage}>hello my world!</h1>); // 霸氣的就是沒有引號 , 如果函數加上（） ，會發生什麼，怎麼傳參數？ } }); // 渲染 React.render( <MessageBox/> , document.getElementById('app'), function (){ console.log('渲染成功！真的'); // 輸出到控制檯，you should known where it is. }); </script> </body> </html>
用谷歌瀏覽器打開，看看效果吧！ （提示：審查元素，看看DOM哦）
The End