What problem does it solve? Building Reflex.dev applications without consistent patterns leads to mixed concerns, broken reactivity, and state bugs such as storing SQLAlchemy entities in state or mutating state without yielding. This Skill provides canonical patterns for structuring Reflex apps with the appkit ecosystem. ## Core Features & Use Cases - State Management Patterns: Covers rx.State subclasses, computed vars with @rx.var, async event handlers, background tasks with @rx.event(background=True), and LocalStorage persistence. - Architecture Conventions: Defines the feature package layout (backend/, state/, components/, pages.py), page factory pattern, service registry dependency injection, and BaseRepository-based data access. - Form Validation & Anti-Patterns: Provides an isolated validation state pattern with per-field errors and async uniqueness checks, plus a table of common mistakes and their corrections. - Use Case: When adding a new feature to a Reflex app, follow the annotated examples in examples/ to create the state class, components, page factory, and repository without architectural drift. ## Quick Start Ask the AI to create a new Reflex feature with a state class, page factory, and repository following the reflex-state-and-architecture patterns.
