react 入門的好東西 能夠作出一個完整的網站

連接   (包含了antd 組件的使用)    

 

安裝依賴報錯問題                            可能須要按順序安裝,  不能cnpm npm 混合安裝,  參考這個package.json, 儘可能不要本身手動安裝吧, 使用現場的cli 

 

簡潔的模塊化                                  .js 文件能夠直接寫js代碼, module.exports都省了,  並且能夠直接使用 require 引入 js  css 文件,  至關於js css 混入到這個js中

 

html模板直接放入render                  使得一個組件邏輯性更強

 

setState, e.target.vaue                  數據流更加清晰

 

組件化好處　　　　　　　　　　　　   好比item 能夠在收件箱使用, 也能夠在已發送和代收郵件夾 使用, 若是這個item要作一些滑動效果, 那麼只須要修改這個item

　　　　　　　　　　　　　　　　　　再好比footer 也能夠在多個頁面獲得複用, 並且經過props 能夠根據不一樣的樣式的頁面底部

 

父組件和子組件                               父組件的方法負責收集結果數據, 這個數據的獲取 和 處理過程由子組件的方法完成,

　　　　　　　　　　　　　　　　　　完成後調用父組件的給props方法, 其實就是父組件給子組件的一個回調函數, 子組件複雜把處理的數據結果給父組件使用

　　　　　　　　　　　                    好比在子組件ajax成功後, 通知父組件刪除這個item 

 

　　　　　　　　　　　　　　　　　　父子組件也能夠本身分爲: 容器組件 和 UI組件, 這樣能夠充分複用UI組件, 顯示組件只負責UI的交互邏輯, 和業務邏輯無關, 並且UI

　　　　　　　　　　　　　　　　　　組件的狀態又父組件來決定, 也能夠有本身的默認狀態

 

　　　　　　　　　　　　　　　

 

babel-plugin-import                      實現組件按需來打包 按需加載, import Button from antd, 須要配置一個babelrc,   { test: /\.css$/, loader: "style-loader!css-loader"},

 

組件化後的開發效率                         開始開發時間應該會是avalon的2倍, 由於對那些語法很不習慣, 慢慢可能就行了, 可是面對之後的的各類需求變化 和 減小bug應該會好不少

 

redux                                          一些全局狀態能夠放在redux上統一更新, 一些業務邏輯也能夠抽取出來放在redux上, 實現業務數據的統一管理