What problem does it solve?
Provides concise, modern React 19+ patterns and TypeScript guidance to reduce boilerplate, avoid anti-patterns, and ensure type-safe, performant frontend components and state management.
Core Features & Use Cases
- Component patterns: Function components, generics, children typing, and compiler-friendly best practices.
- State & data: Context, Zustand examples, and TanStack Query usage including optimistic updates and cache management.
- Forms & validation: React Hook Form integration with Zod for typed schema validation and user-friendly error handling.
- Performance & stability: Memoization, code-splitting, error boundaries, and guidance for React 19 features like use and Actions.
- Use Case: Build a user profile page with type-safe components, server-driven queries, form-driven edits with optimistic updates, and fallback error handling.
Quick Start
Ask the assistant to "Create a TypeScript React 19 component named UserForm that uses TanStack Query to load user data, React Hook Form with Zod for validation, and includes optimistic updates and memoized child components."