react-patterns

SKILL.md

| Simple component state | useState | | Complex state with many actions | useReducer | | State shared across components | Context + useReducer | | Server data (fetch, cache, sync) | React Query / SWR | | Global app state (auth, theme) | Context or Zustand |

TypeScript 应用程序的现代 React 模式包括钩子、状态管理和组件组合。在构建 React 组件、管理状态或实施 React 最佳实践时使用。 来源：benshapyro/cadre-devkit-claude。

打开你的终端或命令行工具（如 Terminal、iTerm、Windows Terminal 等） 复制并运行以下命令：npx skills add https://github.com/benshapyro/cadre-devkit-claude --skill react-patterns 安装完成后，技能将自动配置到你的 AI 编程环境中，可以在 Claude Code 或 Cursor 中使用

安全认证，代码可靠安全 一键安装，配置简单 兼容 Claude Code、Cursor 等工具

查看原文