frontend-expert

Use a checklist and folder structure recommendation for scalable apps. This enforces component quality, strict TypeScript discipline with explicit interfaces, and performance-focused patterns to maintain consistent frontend architecture.

Handle data fetching with Suspense using the useSuspenseQuery hook to promote no-spinner loading boundaries. This ensures predictable UI behavior and a Suspense-first approach to loading states across modern stacks.

Yes, the approach works with TanStack Router and MUI v7 styling conventions. It codifies modern patterns and tooling to create production-ready React components using these specific frameworks.

Enforce strict TypeScript usage by applying detailed templates and checklists that demand explicit interfaces and prohibit the use of any. This discipline ensures type safety throughout your React components and features.

Use Suspense boundaries instead of spinners to achieve no-spinner loading boundaries and predictable UI behavior. This Suspense-first data fetching pattern prevents layout shifts and provides a smoother user experience.

Strict TypeScript and lazy loading require adherence to explicit interfaces and performance-focused patterns. While this prevents the use of any and optimizes loading, it demands careful component organization and strict template compliance.