feature-specific-business-logic

Structure domain feature logic by organizing code under src/features with sub-folders for modular components, custom hooks, and type definitions. This enforces clean separation between UI and business logic, enabling scalable modularity across complex workflows like contacts and assignments.

Scaffold multi-step forms and API mutations within src/features by composing sub-components and integrating custom hooks. This approach provides reusable patterns that manage complex workflows while maintaining strict TypeScript typing and domain boundaries.

Use a feature-folder architecture when building domain-specific features like filters or bulk operations that require clear boundaries. It keeps code organized and maintainable by isolating components, custom hooks, and type definitions within src/features.

No specific external dependencies are required. The pattern requires a feature-folder structure under src/features and uses TypeScript for type definitions, relying on standard React custom hooks and modular components for implementation.

Organize reusable patterns and type definitions by creating dedicated sub-folders within src/features. This modular structure accelerates feature development by providing best-practice examples for custom hooks, API mutations, and multi-step forms across multiple domain features.