Redux、React-Redux 和 Redux Toolkit 是協同工作的三個庫,各自承擔不同角色,相互協同。
-
Redux:基礎底座
- 底層狀態管理庫,負責狀態存儲、Action 派發和 Reducer 執行
-
?React-Redux:連接 React 組件與 Redux Store
- 通過 Provider 將 Redux Store 注入 React 應用,使所有組件可訪問狀態。
- 提供 useSelector 和 useDispatch 鉤子(或 connect 函數),讓組件訂閱狀態變化和派發 Action。
-
Redux Toolkit:效率工具,對上面二者封裝了最佳實踐
- 使用 configureStore 創建 Redux Store,集成默認中間件(如 Redux Thunk)和 DevTools。
- 通過 createSlice 自動生成 Reducer 和對應的 Action 創建函數,減少手動編寫模板代碼。
- 異步邏輯時,使用 createAsyncThunk 簡化異步 Action 的創建。