frontend-dev-guidelines

Structure a React TypeScript project using feature-based organization, shared import aliases, and clear separation of concerns. This approach standardizes components, pages, and features to ensure long-term maintainability and consistency across teams.

The best way to implement data fetching and routing is using Suspense-based data fetching, lazy loading, and TanStack Router. These modern patterns enforce robust error handling and performance-oriented structures across your React application.

MUI v7 styling works with React components by applying the sx prop for styling. This approach enforces consistent styling patterns across the codebase while maintaining type-safety and performance standards in TypeScript.

Yes, you can apply these frontend guidelines to existing React codebases. They enforce data fetching, routing, styling, and error handling patterns designed to standardize practices and improve maintainability across both new and established projects.

Your React project needs standardized TypeScript patterns to enforce type-safety, robust error handling, and performance. Centralized guidelines accelerate development by providing a consistent structure for components, routing, and features across teams.