做一個react+redux+webpack專案後的感想

cangdu發表於2016-11-09

一、Virtual DOM是react的標誌。虛擬DOM之所以快有兩點原因:1、Javascript執行很快 2、操作真實DOM很慢。
DOM操作起來很慢很耗CPU,所以react將DOM直接寫進js,再也沒有html檔案,所有的DOM都在js中生成並渲染。
我們不需要控制DOM如何生成如何渲染,react已經替我們做好了一切,我們只需要告訴它想要的效果,它會用最好的方法將效果渲染出來。

二、Redux是個資料管理中心,它主要的作用是實現元件之間的通訊。當react元件結構樹龐大,互動複雜,
元件之間的通訊將會非常麻煩,因為react是單向資料流,只能通過props傳入子元件,如果向上傳遞必須特殊處理。
redux相當於在react的最頂層加了一個資料層,所有需要共用的資料放在這裡統一管理。如果專案元件不多,邏輯不復雜,redux可以不用。

三、ES6很強大,並且經過babel轉換後相容性很好。

四、webpack可以極大的提高工作效率,各種需要的功能都有,尤其是webpack-dev-server中proxy的反向代理,
實現前後端分離開發,很實用。

五、immutable定義了一種資料型別,一旦定義就不能更改,所有對資料的操作都會生成一個新的資料。
它可以極大的提高react的速度,但是它改變了資料結構,容易坑。demo是在寫完之後才加上immutable,
所以每次改變以前的state為immutable,都會影響其他的資料變化,很麻煩。所以接下來專案會在一開始就使用immutable。

六、fetch是ajax最新替代技術。ajax基於事件而fetch基於Promise,更加友好,更近符合現代發展趨勢。

原始碼地址:https://github.com/bailicangd…

相關文章