或許你當前的項目還沒有到應用Redux的程度，但提前了解一下也沒有壞處
原文：https://my.oschina.net/u/4018697/blog/2873564
首先我們會用到哪些框架和工具呢？
React
UI框架
Redux
狀態管理工具，與React沒有任何關系，其他UI框架也可以使用Redux
react-redux
React插件，作用：方便在React項目中使用Redux
react-thunk
中間件，作用：支持異步action
準備工作
第1步：提供默認值，既然用Redux來管理數據，那么數據就一定要有默認值，所以我們將state的默認值統一放置在state.js文件:
第2步：創建reducer，它就是將來真正要用到的數據，我們將其統一放置在reducers.js文件
第3步：創建action，現在我們已經創建了reducer，但是還沒有對應的action來操作它們，所以接下來就來編寫action
最后一步：創建store實例
至此，我們已經完成了所有使用Redux的準備工作，接下來就在React組件中使用Redux
開始使用
首先，我們來編寫應用的入口文件APP.js
最后是我們的組件：Test.jsx
單一數據源
整個應用的 state 被儲存在一棵 object tree 中，并且這個 object tree 只存在于唯一一個 store 中
State 是只讀的
唯一改變 state 的方法就是觸發 action，action 是一個用于描述已發生事件的普通對象
使用純函數來執行修改
為了描述 action 如何改變 state tree ，你需要編寫 reducers
結語
感謝您的觀看，如有不足之處，歡迎批評指正。
本次給大家推薦一個免費的學習群，里面概括移動應用網站開發，css，html，webpack，vue node angular以及面試資源等。
對web開發技術感興趣的同學，歡迎加入Q群：864305860，不管你是小白還是大牛我都歡迎，還有大牛整理的一套高效率學習路線和教程與您免費分享，同時每天更新視頻資料。
最后，祝大家早日學有所成，拿到滿意offer，快速升職加薪，走上人生巔峰。
