关于 redux
redux 是面向 React 开发的状态管理技能,涵盖 Redux 核心概念与 Redux Toolkit,并提供状态组织和异步处理建议。
主要功能
- 01讲解 store、reducer、action 与 dispatch
- 02介绍 useSelector 和 useDispatch
- 03涵盖 Redux Toolkit 常用 API
- 04说明中间件、DevTools 与异步处理
- 05提供状态拆分和纯函数实践建议
适用场景
- 01为 React 应用设计全局状态管理
- 02使用 createSlice 和 configureStore 搭建状态逻辑
- 03为异步状态选择 thunk 或 RTK Query
安装
复制下面的命令,在终端中运行。
$
npx skills add https:/ / github.com/ full-stack-skills/ react-skills --skill redux安装后在 Claude Code 中输入/redux确认已加载。
附带文件agents/openai.yamlLICENSE.txt
详细介绍
适用场景
在用户希望执行以下操作时使用此技能:
- 用 Redux 管理 React 应用的全局状态(store、reducer、action、dispatch)
- 使用 Redux Toolkit(createSlice、configureStore)或经典写法
如何使用此技能
- 核心:store、reducer、action、dispatch;useSelector、useDispatch。
- Toolkit:createSlice、configureStore、createAsyncThunk;DevTools 与中间件。
- 参考:https://react-redux.js.org/、https://redux-toolkit.js.org/
最佳实践
- 状态保持扁平,按域拆分 reducer;action 与 reducer 使用纯函数。
- 异步操作使用 thunk 或 RTK Query;避免在 reducer 中发起请求。
关键词
redux、Redux Toolkit、store、状态管理、React
评论
支持 Markdown