frontend-dev-guidelines

Feature-based architecture organizes React code into logical, domain-specific features. This approach groups related components, hooks, and utilities together, ensuring scalable and maintainable application structures.

Suspense-first data fetching mandates using `useSuspenseQuery` for seamless loading states. This pattern ensures predictable data fetching by declaratively handling loading UI within modern React applications.

Optimize React performance through lazy loading by deferring component rendering until needed. This Skill provides guidelines for efficient resource management and rendering optimization in TypeScript applications.

Yes, this approach works with MUI v7 and TanStack Router. The guidelines enforce strict TypeScript practices and styling standards specifically tailored for these technologies in modern React applications.

Enforce strict TypeScript practices in React when building scalable applications requiring high code quality. Strict typing ensures explicit type safety throughout the codebase, preventing runtime errors and improving maintainability.