About redux
redux is a state-management skill for React developers, covering Redux fundamentals and Redux Toolkit alongside guidance on state structure and asynchronous work.
Key features
- 01Explains store, reducer, action, and dispatch
- 02Covers useSelector and useDispatch
- 03Introduces common Redux Toolkit APIs
- 04Describes middleware, DevTools, and async handling
- 05Recommends state organization and pure functions
Use cases
- 01Plan global state for a React application
- 02Build state logic with createSlice and configureStore
- 03Choose thunk or RTK Query for asynchronous state
Install
Copy the command and run it in a terminal.
$
npx skills add https:/After installing, type/reduxin Claude Code to confirm it loaded.
Bundled filesagents/openai.yamlLICENSE.txt
Details
From the project READMEWhen to use this skill
Use this skill whenever the user wants to:
- 用 Redux 管理 React 应用全局状态（store、reducer、action、dispatch）
- 使用 Redux Toolkit（createSlice、configureStore）或经典写法
How to use this skill
- 核心：store、reducer、action、dispatch； useSelector、useDispatch。
- Toolkit：createSlice、configureStore、createAsyncThunk；DevTools 与中间件。
- 参考：https://react-redux.js.org/ 、https://redux-toolkit.js.org/
Best Practices
- 状态扁平、按域切 reducer；action 与 reducer 纯函数。
- 异步用 thunk 或 RTK Query；避免在 reducer 中请求。
Keywords
redux, Redux Toolkit, store, 状态管理, React
Comments
Markdown supported