react-state-management

SKILL.md

Comprehensive guide to modern React state management patterns, from local component state to global stores and server state synchronization.

| Local State | Component-specific, UI state | useState, useReducer | | Global State | Shared across components | Redux Toolkit, Zustand, Jotai | | Server State | Remote data, caching | React Query, SWR, RTK Query | | URL State | Route parameters, search | React Router, nuqs | | Form State | Input values, validation | React Hook Form, Formik |

使用 Redux Toolkit、Zustand、Jotai 和 React Query 掌握現代 React 狀態管理。在設置全局狀態、管理服務器狀態或在狀態管理解決方案之間進行選擇時使用。 來源：atalovesyou/claude-skills-pack。

開啟你的終端機或命令列工具（如 Terminal、iTerm、Windows Terminal 等） 複製並執行以下指令：npx skills add https://github.com/atalovesyou/claude-skills-pack --skill react-state-management 安裝完成後，技能將自動設定到你的 AI 程式設計環境中，可以在 Claude Code 或 Cursor 中使用

查看原文