ck:frontend-development

To standardize React and TypeScript frontend patterns, enforce a scalable project structure using features/, components/, hooks/, and api/ directories alongside strict import aliases to reduce inconsistency and accelerate delivery.

The best way to structure data fetching with Suspense in React is to use useSuspenseQuery combined with Suspense boundaries and snackbar-based errors to handle loading and error states consistently across your application.

You can implement lazy loading with TanStack Router by generating new frontend modules that follow standardized routing guidelines, ensuring your TypeScript project maintains scalable navigation and strict import aliases.

Yes, you can use MUI v7 styling with standardized React component libraries. The guidelines apply MUI v7 across new features to ensure consistent UI design and scalable component architecture.

You should use strict import aliases like @/ and ~features in a React project to enforce a scalable project structure, prevent inconsistent referencing, and accelerate delivery times across modern frontend teams.