frontend-dev-guidelines

Structure React components using features directories to group related modules, applying TypeScript best practices, Suspense, and lazy loading for maintainable project architecture.

Fetch data in React using the useSuspenseQuery hook integrated with Suspense boundaries to handle loading states declaratively, ensuring consistent data fetching patterns across components.

Optimize React performance by applying memoization to prevent unnecessary re-renders, implementing debouncing for input events, and using lazy loading to reduce initial bundle size.

Yes, the React development guidelines support TanStack Router for type-safe routing and MUI v7 for styling, providing standardized patterns for component creation and navigation.

Use Suspense and lazy loading in React when optimizing route-level code splitting and managing asynchronous component rendering to improve initial load performance in frontend applications.