frontend-dev-guidelines

React performance optimization relies on Suspense for asynchronous loading states, lazy loading to split bundle code, and component memoization to prevent unnecessary re-renders. These practices collectively create fast, responsive user interfaces in modern React applications.

To structure a React and TypeScript project, follow standardized file organization patterns that enforce consistency and maintainability across component structure, styling, and routing. This ensures directories are cleanly separated by feature and component type.

Yes, the frontend development guidelines cover styling with MUI v7 and routing using TanStack Router. They provide standardized patterns to ensure your React application maintains consistency across both UI design and navigation logic.

You should use Suspense and lazy loading in React frontend development when you need to optimize performance by deferring component rendering until data or code is ready. This minimizes initial bundle size and improves application responsiveness.