关于 react
react 是指导使用 React 构建界面的技能，面向需要实现组件、状态管理和生命周期逻辑的开发者。内容涵盖 Hooks、路由、状态库及构建配置，并提供组件设计与性能方面的实践建议。
主要功能
- 01React 组件、JSX、props 与 state
- 02Hooks 与自定义 Hooks
- 03Context 或 Redux 状态管理
- 04React Router 路由
- 05测试与性能优化建议
适用场景
- 01使用 React 实现界面
- 02配置 Vite 或 CRA 项目
- 03为应用添加路由和状态管理
安装
复制下面的命令，在终端中运行。
$
npx skills add https:/安装后在 Claude Code 中输入/react确认已加载。
附带文件agents/openai.yamlLICENSE.txt
README 原文English
来自项目 READMEREADME 暂无中文译文，以下为英文原文；中文介绍见上方。
When to use this skill
Use this skill whenever the user wants to:
- 用 React 构建 UI、管理状态与生命周期、使用 Hooks 或类组件
- 配置 Vite/CRA、路由、状态库与构建优化
How to use this skill
- 起步：create-react-app 或 Vite+React；组件、JSX、props/state。
- 模式：Hooks（useState、useEffect、自定义）；Context 或 Redux；路由（React Router）。
- 参考：官方文档 https://react.dev/ ；测试与性能（memo、lazy）。
Best Practices
- 组件单一职责与可复用；状态提升与受控组件。
- 列表 key、副作用清理；避免内联对象导致重渲染。
Keywords
react, React Hooks, JSX, 组件, 状态
评论
支持 Markdown