React Native 之 Redux

Redux 本身和 React 並沒有特別緊密的聯繫,而是 Facebook 提出的 Flux 架構的一種優秀實現,可以搭配其他任何框架一起使用。在 React 上使用,需要搭配 react-redux(如此一來 Redux 可以不侷限於 React,而讓社區發展出更多的 redux-* 中間件)。

Redux 在 React 的基礎上(state 和 props),增加了 store、action、reducer 的概念,規範了全局一個 state,從而只需要根據這個 state 就能回朔出整個應用的狀態。組件通過 dispatch 將 action 傳到 store,reducer 根據原來的 state 以及 action,返回新的 state,組件根據新的 state 渲染界面。

Redux 是一個可預測的狀態容器,即只需要有狀態樹,就能還原出“事發現場”。

Redux是當前最熱門的React架構。它的出現主要是爲了修補Facebook官方推薦架構Flux的不足

Redux開發環境搭建
- 安裝Redux:npm install —save redux
- 安裝React 綁定庫:npm install —save react-redux
- 安裝開發者工具:npm install —save -dev redux-devtools

Redux 三個要點:
- 應用中所有的state都以一個對象樹的形式存儲在一個單一的store中
- 唯一改變state的辦法是觸發action
- 通過reducers描述action如何改變state樹

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章