What problem does it solve?
This Skill provides a comprehensive set of conventions and patterns for building React 19 applications, ensuring consistency, maintainability, and adherence to best practices.
Core Features & Use Cases
- Component Architecture: Enforces function components, single responsibility, and composition over inheritance.
- Hooks Usage: Details core hooks, rules of hooks, and custom hook creation.
- State Management: Guides on local, complex, shared, and external state management solutions.
- Routing: Specifies React Router v7 usage with loaders and actions.
- Build & Tooling: Outlines Vite configuration, environment variables, and path aliases.
- Testing: Recommends React Testing Library and Vitest, emphasizing user behavior testing.
- Common Pitfalls: Lists critical "NEVER" rules to avoid common mistakes.
Quick Start
Follow the React 19 conventions and patterns outlined in this skill for your project.