mcpField
R
react

react

github.com/full-stack-skillsDevelopment2166 installsUpdated 5w ago
Repository

About react

react is a skill for developers building interfaces with React, including components, state, and lifecycle logic. It covers Hooks, routing, state libraries, and build setup, with guidance on component design and performance.

Key features

  1. 01React components, JSX, props, and state
  2. 02Hooks and custom Hooks
  3. 03State management with Context or Redux
  4. 04Routing with React Router
  5. 05Testing and performance guidance

Use cases

  1. 01Build an interface with React
  2. 02Configure a Vite or CRA project
  3. 03Add routing and state management to an app

Install

Copy the command and run it in a terminal.

$npx skills add https://github.com/full-stack-skills/react-skills --skill react

After installing, type/reactin Claude Code to confirm it loaded.

Bundled filesagents/openai.yamlLICENSE.txt

Details

From the project README

When to use this skill

Use this skill whenever the user wants to:

  • 用 React 构建 UI、管理状态与生命周期、使用 Hooks 或类组件
  • 配置 Vite/CRA、路由、状态库与构建优化

How to use this skill

  1. 起步：create-react-app 或 Vite+React；组件、JSX、props/state。
  2. 模式：Hooks（useState、useEffect、自定义）；Context 或 Redux；路由（React Router）。
  3. 参考：官方文档 https://react.dev/ ；测试与性能（memo、lazy）。

Best Practices

  • 组件单一职责与可复用；状态提升与受控组件。
  • 列表 key、副作用清理；避免内联对象导致重渲染。

Keywords

react, React Hooks, JSX, 组件, 状态

Comments

Markdown supported