Builds scalable React SPAs using external state management and declarative UI patterns.
The lang-react skill optimizes Claude for building modern React Single Page Applications based on a 'logic-less component' philosophy. It guides the development process to ensure that components remain pure UI layers while complex business logic resides in external stores like Zustand, XState, or TanStack Query. This approach improves maintainability, enhances type safety through TypeScript inference, and implements a robust testing strategy that focuses on state logic rather than fragile UI components.
Key Features
01Declarative UI patterns with logic-less components
02External state centralization with Zustand and XState
030 GitHub stars
04Standardized prop ordering and Styled-Components patterns
05Store-focused testing architecture with Vitest
06Type-safe variant matching using ts-pattern
Use Cases
01Architecting complex UI state machines with XState
02Optimizing frontend performance through specialized profiling techniques
03Refactoring legacy React components into external state stores
