lang-react

What problem does it solve?

This Skill codifies the pattern of building React SPAs where components are declarative and rely on external stores or state machines (Zustand/XState/TanStack Query), keeping logic out of components.

Core Features & Use Cases

• Stores and machines tested in isolation; components focus on rendering
• Recommendations for state management stacks: TanStack Query, Zustand, XState
• Guidance on patterns like inline props, pattern matching, and CSS-in-JS
• Use Case: Build a dashboard by composing store-based logic and render with minimal component state

Quick Start

Create a small sample app that uses a Zustand store to fetch and display user data, and verify it uses stores rather than component state for logic.