react-state-management

本技能為現代 React 應用程式的狀態管理提供了全面的指南。它專為需要處理狀態（從簡單的組件層級資料到複雜的全域儲存庫與遠端伺服器同步）的前端開發人員與軟體工程師所設計。此技能協助架構不同狀態典範之間的差異，為原子狀態、全域狀態及伺服器端狀態解決方案的選型提供了明確的決策準則。

• 涵蓋主要函式庫，包括用於複雜全域狀態的 Redux Toolkit、用於輕量級儲存管理的 Zustand，以及用於原子化、細粒度更新的 Jotai。
• 包含 React Query 與 SWR 的實作模式，特別聚焦於伺服器狀態同步、資料快取與樂觀更新 (optimistic updates) 以提升使用者體驗。
• 提供將狀態分類為本地、全域、伺服器、URL 及表單狀態的架構指引，以確保程式碼的可維護性與關注點分離。
• 包含 TypeScript 的最佳實踐，用於型別化的選擇器 (selectors)、派發器 (dispatchers) 與 store slices，確保整個應用程式狀態的型別安全性。
• 提供從傳統 Redux 模式遷移至現代化、可擴展狀態管理架構的策略。
• 適用於除錯與狀態相關的效能問題，透過選擇性訂閱 (selective subscriptions) 防止不必要的渲染，並優化資料獲取流程。
• 推薦用於建置動態使用者介面，且需要高效能、即時資料處理與複雜前端狀態轉換的開發者使用。