React

React資源

菜鳥教程 ：http://www.runoob.com/react/react-install.html
阮一鋒 react：http://www.ruanyifeng.com/blog/2015/03/react.html
react官網【中文】：https://react.docschina.org/docs/hello-world.html

react官網【英文】：

https://reactjs.org/

通過cnpm使用react

$ npm install -g cnpm --registry=https://registry.npm.taobao.org
$ npm config set registry https://registry.npm.taobao.org

這樣就可以使用 cnpm 命令來安裝模塊了：

$ cnpm install [name]

快速構建 React 開發環境

使用 create-react-app 快速構建 React 開發環境

cnpm創建react項目

$ cnpm install -g create-react-app //全局安裝create-react-app
$ create-react-app my-app //創建my-app項目
$ cd my-app/   //進入my-app項目
$ npm start  //啓動項目

啓動項目之後，默認端口爲：3000，打開 http://localhost:3000/

引入react庫文件

除了上述才用npm命令創建項目，也可以才用引入react庫文件的方式使用react。

<!--這是react的核心庫  -->
<script src="./build/react.js"></script>
<!--操作dom的核心庫  -->
<script src="./build/react-dom.js"></script>
<!--babel編譯的核心庫,在瀏覽器中是無法識別react中的jsx語法糖，採用babel實現jsx語法轉化es5語法。  -->
<script src="./build/browser.min.js"></script>