frontend-dev-guidelines

Feature-based architecture is the best way to structure modern React applications, organizing components by domain features to ensure consistency, scalability, and maintainability across the project.

Implement Suspense-first data fetching by enforcing lazy loading and component boundaries that delegate data fetching states to React Suspense, ensuring efficient rendering and strict TypeScript standards.

Yes, you can use MUI v7 for styling alongside TanStack Router integration, as this development standard explicitly guides component structure, routing, and styling patterns for these tools.

You need strict frontend development standards when starting a new React project or onboarding developers, establishing a production-grade workflow for performance optimization and maintainability from day one.

No specific external dependencies are required for lazy loading, as this approach leverages native React features and strict TypeScript to enforce performance optimization and efficient rendering patterns.

Feature-based architecture should be used because it groups domain logic and components together, enforcing production-grade standards that ensure maintainability and scalability better than flat component-based structures.