generic-react-feature-developer

What problem does it solve?

This Skill provides a comprehensive guide and best practices for developing new features in React applications, focusing on maintainable architecture and efficient state management.

Core Features & Use Cases

• Architecture Guidance: Recommends project structure, state management patterns (Zustand preferred), and server state handling (React Query).
• Performance Optimization: Details strategies for lazy loading components and route-level code splitting.
• Integration: Explains how to integrate with IndexedDB for persistent storage and outlines custom hook patterns for cleaner component logic.
• Use Case: When adding a new user profile editing feature, use this skill to structure the components, manage form state with Zustand, fetch user data with React Query, and implement lazy loading for the profile editing modal.

Quick Start

Use the generic-react-feature-developer skill to guide the development of a new user authentication feature, focusing on Zustand for state management and lazy loading for the login component.