What problem does it solve?
This Skill addresses the challenges of building or refactoring React components and pages, including state management, data fetching, performance optimization, accessibility, and testing.
Core Features & Use Cases
- Component Boundaries: Provides guidelines for creating efficient container and presentational components.
- State Strategy: Offers best practices for local and lifted state management.
- Data Fetching: Suggests strategies for centralized data fetching and error handling.
- Performance: Delivers insights for improving performance, including memoization and re-render optimization.
- Testing: Outlines testing best practices for React components with React Testing Library.
- Accessibility: Ensures components meet accessibility standards (WCAG AA color contrast).
Quick Start
Run the 'react' skill to analyze the architecture of your React components.