frontend-dev-guidelines

Standardize React and TypeScript frontend patterns by applying unified guidelines for component creation, feature work, and project structure to reduce fragmentation and accelerate delivery.

The best way to implement Suspense-based data fetching involves using the useSuspenseQuery convention alongside proper lazy loading and error handling patterns to manage asynchronous states effectively.

Organize scalable React routing and code by structuring features into dedicated directories and applying TanStack Router conventions to maintain consistent project architecture.

Yes, this frontend development approach supports MUI v7 by defining specific styling conventions and performance optimization best practices to ensure consistent UI implementation.

Use lazy loading and error boundaries in React components when fetching data with Suspense or loading heavy features to handle fallback UI states and catch rendering errors gracefully.