frontend-development

Structure React and TypeScript components by enforcing React.FC conventions with explicit prop types, separating features from reusable components, and using explicit aliases to ensure consistent project architecture across the codebase.

Implement data fetching in React by applying useSuspenseQuery with TanStack Query patterns and cache-first strategies, wrapping asynchronous component boundaries with Suspense to manage loading states effectively across your features.

Set up React routing with lazy loading by wiring routes with dynamically imported components, defining Suspense boundaries around lazy features, and organizing pages according to established frontend structure guidelines to accelerate delivery.

Yes, the frontend pattern guide supports MUI v7 styling conventions by enforcing standards for the sx prop, responsive layouts, and theme usage to maintain consistent styling across React components and features.

React.FC conventions are enforced universally in this guide to ensure explicit prop typing and consistent component patterns across the codebase, making them unsuitable for teams preferring alternative typing methodologies or non-standard React architectures.