mcpField
R
redux

redux

github.com/full-stack-skills开发2133 次安装5 周前更新
代码仓库

关于 redux

redux 是面向 React 开发的状态管理技能,涵盖 Redux 核心概念与 Redux Toolkit,并提供状态组织和异步处理建议。

主要功能

  1. 01讲解 store、reducer、action 与 dispatch
  2. 02介绍 useSelector 和 useDispatch
  3. 03涵盖 Redux Toolkit 常用 API
  4. 04说明中间件、DevTools 与异步处理
  5. 05提供状态拆分和纯函数实践建议

适用场景

  1. 01为 React 应用设计全局状态管理
  2. 02使用 createSlice 和 configureStore 搭建状态逻辑
  3. 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)或经典写法

如何使用此技能

  1. 核心:store、reducer、action、dispatch;useSelector、useDispatch。
  2. Toolkit:createSlice、configureStore、createAsyncThunk;DevTools 与中间件。
  3. 参考:https://react-redux.js.org/、https://redux-toolkit.js.org/

最佳实践

  • 状态保持扁平,按域拆分 reducer;action 与 reducer 使用纯函数。
  • 异步操作使用 thunk 或 RTK Query;避免在 reducer 中发起请求。

关键词

redux、Redux Toolkit、store、状态管理、React

评论

支持 Markdown