走進React的學習之路

 

GIT: 代碼管理。https://git-scm.com/book/zh/v2
ES6: http://www.infoq.com/cn/minibooks/ES6-in-Depth
Webpack: 編譯打包，還有Common JS 規範。http://zhaoda.net/webpack-handbook/index.html

Redux 中文文檔：http://cn.redux.js.org/

 

 

路由routes：負責管理組件，


純函數：確保輸入和輸出獲得的東西是同樣的 
參考js
var arr=[1,2,3,4,5]


arr.slice(0,3)
 //[1, 2, 3]
arr //[1,2,3,4,5]

arr.splice(0,3) //
[1, 2, 3]

arr//[4, 5]


redux的好處：一個狀態stats和行爲action==》改變成一個新的狀態stats和行爲Action 







川川分享：
react-webpack文件夾是開發目錄,在此目錄下執行命令,假設你已經正確安裝了 nodejs

一:參照教程搭建環境 https://github.com/newtriks/generator-react-webpack
npm install -g yo //安裝 yeoman (可選)
npm install -g generator-react-webpack  //安裝生成器 (可選)
npm install //項目安裝依賴


二:開發模式
1,npm start
2,自動打開瀏覽器查看運行效果
3,修改代碼並等待瀏覽器自動刷新

三:發佈模式
1,npm run dist
2,node minserver.js
3,手動打開瀏覽器訪問 localhost:3000/index.html
4.若是要發佈到其它服務器,拷貝dist就能夠了

四:測試模式
1,npm run test

五:參考
http://reactjs.cn/   //react中文文檔
http://react-guide.github.io/react-router-cn/         //react-router 中文文檔
http://ant.design/     // 阿里專爲後臺管理系統制做的react組件