適合初學者觀看的深刻淺出react全家桶(一)

本系列文章主要是介紹redux一些概念原理深刻,適合有點react基礎的初學者觀看。分別講述了Reudx、React Hooks等內容。部份內容涉及源碼解析。react

what is the redux ?

Redux 是 JavaScript 狀態容器,提供可預測化的狀態管理。詳細請看阮一峯的博客redux入門教程。git

why use redux?

React 使用單向數據流,這意味着只能父組件傳遞給子組件。隨着項目的壯大會添加更多的功能,非父子組件之間確定須要共享一些狀態,若是單單依賴props會變得很是困難。github

正式進入今天的主題redux

redux的基本特性
  1. 單一數據源 整個應用state應該只存儲在惟一一個的Store中。
  2. 保持狀態只是只讀 不能直接修改state,只能是經過觸發一個action改變store中的state。
  3. 數據改變經過純函數完成 action改變state須要經過reducers。
Redux工做流
redux 工做流以下圖:

clipboard.png
關於數據流的原理還有大佬不懂這個話,大佬能夠點擊傳送門:https://alisec-ued.github.io/...函數

相關文章
相關標籤/搜索