frontend-dev-guidelines

Implement Suspense-based data fetching by using the useSuspenseQuery hook to manage async state in React. This pattern standardizes data fetching, enabling declarative loading states and robust error handling across your application's component architecture.

The best way to structure routing in a React project is using TanStack Router. It provides typed routing conventions that integrate deeply with TypeScript, ensuring strict type safety for route parameters and improving overall developer experience and navigation reliability.

Organize a maintainable React codebase by enforcing clear file organization and import alias conventions. Structured alias imports improve code quality and developer experience by simplifying module referencing and maintaining consistent architectural patterns.

Yes, you can use MUI v7 for component styling. The guidelines standardize modern React architecture by applying MUI v7 styling conventions alongside Suspense data fetching and TanStack Router to ensure cohesive, maintainable UI development.

Strict TypeScript typing matters because it enforces type safety across component design, data fetching, and routing. Applying strict typing to React architecture prevents runtime errors, standardizes patterns, and significantly improves long-term code maintainability.