data-flow-manager

What problem does it solve?

This Skill streamlines complex data handling in React 19 applications by enforcing best practices for fetching, mutations, and form management, eliminating common pitfalls and improving code quality.

Core Features & Use Cases

• Declarative Data Fetching: Utilizes TanStack Query v5 for efficient, cache-aware data retrieval, avoiding useEffect anti-patterns.
• Robust Form Handling: Integrates React Hook Form with Zod for type-safe validation and seamless state management.
• Server Actions for Mutations: Leverages Next.js Server Actions for secure and efficient data mutations, with optimistic updates via TanStack Query.
• Use Case: When building a user profile editing form, this Skill ensures all data fetching, form validation, and submission logic are handled robustly and efficiently, providing a smooth user experience and maintainable codebase.

Quick Start

Use the data-flow-manager skill to create a user registration form with name, email, and age fields, validating them with Zod and handling submission with React Hook Form.