frontend-dev-guidelines

Suspense-first data fetching in React uses cache-first strategies to manage asynchronous states. This approach integrates with TanStack React Query to handle loading states declaratively, ensuring robust error handling and user feedback mechanisms during component rendering.

A scalable React project uses a feature-based architecture to organize code by domain rather than file type. This architectural standard ensures maintainability by isolating components, routing, and logic, making the codebase easier to navigate and update.

Lazy loading with TanStack Router utilizes folder-based routing to split code into smaller chunks. This routing method delays loading route components until they are needed, significantly improving initial load performance for React applications.

Yes, MUI v7 styling conventions can be applied to a TypeScript codebase to ensure visual consistency. The guidelines adhere to these conventions to standardize component styling, allowing you to maintain a unified design system across your application.

Yes, TanStack React Query is a required dependency for these guidelines. It provides the foundational cache-first data fetching and state management infrastructure needed to implement the specified Suspense-first patterns and performance-safe defaults.

Performance bottlenecks often occur without performance-safe defaults like lazy loading and Suspense-first data fetching. Applying these architectural standards ensures components are only loaded when rendered, preventing unnecessary execution and improving application responsiveness.