react-skills

React开发中的现代前端开发模式、Hooks使用技巧与最佳实践。

SKILL.md

--- frontmatter

name: react-skills
description: React patterns, hooks, and best practices for modern frontend development
category: stacks/frontend/react
applies_to: react
allowed-tools: Read, Write, Glob, Grep, Bash
user-invocable: true
context: inject

React Skills

A JavaScript library for building user interfaces.

Sub-Skills

Architecture

•project-structure.md - Project organization
•component-patterns.md - Component design
•state-management.md - State patterns

Hooks

•use-state.md - useState patterns
•use-effect.md - useEffect patterns
•use-memo.md - useMemo optimization
•use-callback.md - useCallback patterns
•custom-hooks.md - Custom hook patterns

Performance

•memoization.md - Memoization strategies
•lazy-loading.md - Code splitting
•virtualization.md - List virtualization

Testing

•testing-library.md - React Testing Library
•component-testing.md - Component tests
•hook-testing.md - Hook testing

Forms

•form-handling.md - Form patterns
•validation.md - Form validation

Styling

•css-modules.md - CSS Modules
•styled-components.md - Styled Components
•tailwind.md - Tailwind CSS

Detection

Auto-detected when project contains:

•react or react-dom packages
•import React or from 'react' imports