Redux-前端開發者的福音

Redux 的設計思想很簡單,就兩句話。
(1)Web 應用是一個狀態機,視圖與狀態是一一對應的。
(2)所有的狀態,保存在一個對象裏面。
React 的思想可以分爲這幾部分:
  • 組件化 ,其實 React 和 ES6 的結合,寫起來真的挺像 Java ,在開發過程中能夠很好的進行組件的分離和複用。
  • 用 狀態(state) 和 參數(props) 來代表組件的內容,每一個組件都有其獨立的狀態,該狀態受組件內部行爲的影響,同時受到外部參數的影響而改變。
  • 單向數據流 ,相比於 雙向綁定 ,實際是一個簡化的思想,雖然會帶來更多的代碼,但流程更加清晰,問題更好追蹤。
  • 頁面的渲染由 React 控制,React會根據組件state的改變情況來決定是否進行重新渲染。
 Redux 實際上是一個管理 action , state 和 props 的工具, React 讓開發者需要關注用戶的行爲和數據,而 Redux 爲我們提供了一個管理這兩者的最佳實踐模版。
Redux共由三個主要組件:
  • Action 定義動作的類型,和動作中攜帶的參數
  • Reducer 進行動作的處理,和狀態的改變
  • Store 相當於一個小的數據庫,用來存儲所有組件的狀態
Redux的規定,將用戶操作的行爲定義爲Action,這些Action都需要由Reducer去處理。
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章