不久前完成了基于react全家桶的在線購物商城項目,對于react+redux這一套開發體系也算是正式入坑。一開始我是對redux是抵觸的,不明白為什么要額外分層來維護一個state,在實戰中算是體會到了redux的奧妙。下面是我對于react+redux的個人理解和經驗總結,小白一個,大神輕噴~
####React
react的diff高性能算法、虛擬dom和state為react帶來了不少支持者,緊追angular。react可以說學習成本并不高(相比較angular、backbone等重型MV*來說),可以通過[官方文檔](http://reactjs.cn/react/docs/getting-started.html)或阮一峰的[博客](http://www.ruanyifeng.com/blog/2015/03/react.html)來學習。我在入門的時候找到了一個關于react和jquery對比的文章,通過上面的小demo來理解react的優點和適用性,[戳這里](https://segmentfault.com/a/1190000003501752)。react的難點并不在于它本身,而是它的開發思想和整個開發體系。如果要使用react,那么估計你會需要另外學react-router、redux(reflux等)、函數式編程等等,甚至后端(nodeJs)都需要用到react。
####Redux
react的state可以說改變了我們的開發方式,通過state來決定一個組件的內部狀態進而決定視同層的展示。但是使用react也會遇到一系列的問題,例如:當state越來越龐大,組件越來越多的時候,該如何維護state?必須要把業務邏輯寫在組件中嗎?state如何跨組件交互?redux恰好為了幫助你解決這些疑難而誕生的。
- html/css
- 不一樣的css3之Transform
- 不一樣的css3之Transition
- 不一樣的css3之Animation
- Less初學
- Sass初學
- 水平垂直居中那些事
- css優先級
- css基礎教學
- javascript
- 淺談javascript事件處理程序
- cookie,localStorage,sessionStorage的區別
- Ajax
- 說說JSON
- 數組常用的方法
- 字符串常用的方法
- 閉包之我的理解
- 常用DOM操作
- 扒一扒所謂的面向對象
- JS Blob對象
- ES6學習筆記(一)
- ES6學習筆記(二)
- 用ES6書寫React
- React+Redux實戰總結
- 基于Express搭建開發環境
- 其他
- github初學
- 輕松配置Webpack
- asp.net學習筆記
- ado.net
- 如何使用ajax進行前后端交互
- 銀行大廳自助服務系統需求分析
- 西電銀行開發手冊
- 接口
- ajax