-
官網:👉詳情一 👉詳情二 👉關于redux
-
使用原因:👉詳情
/**
2-1、隨著javascript單頁應用程序的發展,需要在代碼中管理更多的狀態(包括服務器響應數據、緩存數據、本地創建還未發送至服務端的數據、UI狀態等)。
2-2、UI狀態也越來越復雜(包括活動路由、選定選項卡、微調器、分頁控件等)。
2-3、由于需要管理的狀態是不斷變化的,而存在依賴關系的狀態之間會相互影響,進而導致失去對于狀態更新的原因、時間、方式的控制。
2-4、由于前端產品的不斷發展,需要處理更新、服務器端渲染、執行路由轉換前獲取數據等,而這些帶來的突變和異步的混合使得狀態管理變得更加復雜。
2-5、react希望通過消除異步(useState、useEffect、并發模式(Concurrent Mode))和消除直接DOM操作(虛擬DOM、自動批處理)等方法解決視圖層問題,而管理數據的狀態則取決于開發者。
*/
- 適用場景:👉詳情
/**
3-1、在應用程序的許多地方都需要使用大量的狀態時。
3-2、應用程序狀態需要頻繁更新時。
3-3、更新狀態的邏輯很復雜時。
3-4、應用程序中有一個中型或大型的代碼庫,同時被多人使用時。
3-5、需要了解狀態是如何隨時間更新時。
*/
- 使用步驟:👉詳情
/**
4-1、創建Redux store。
4-2、訂閱更新。
4-3、訂閱回調內部:獲取當前的store state,提取這部分UI需要的數據,使用數據更新UI。
4-4、用初始的state去渲染UI。
4-5、通過dispatching Redux actions去響應UI層的交互。
*/
-
啊這:
-
啊這:
-
啊這:
-
啊這:
-
啊這:
-
啊這:
-
啊這:
-
啊這: