What problem does it solve?
It helps you stop slow UI, wasted renders, and tangled component APIs by enforcing practical React 19 + Vite + Cloudflare performance and architecture patterns.
Core Features & Use Cases
- Eliminates waterfalls by identifying sequential async work and restructuring with parallelism and better data-flow boundaries.
- Reduces bundle size by flagging anti-pattern imports and missing code-splitting opportunities.
- Improves composition architecture by replacing boolean-prop explosions and overly complex components with variants and compound/named-slot structures.
- Prevents unnecessary re-renders by detecting unstable props and derive-on-effect mistakes, then steering toward memoization and stable dependencies.
- Covers React 19 specifics like new hooks/APIs and React 19 behavior changes that impact UI correctness and performance.
- Provides a review checklist workflow for auditing components using priority-ranked findings (CRITICAL → MEDIUM).
Quick Start
Use the react-patterns skill on a component file path like /src/components/UserDashboard.tsx, then report findings as file:line — [rule] description of issue.
