ck:frontend-development

Structure React components using strict typing, lazy loading, and Suspense boundaries to reduce re-renders and prevent layout shift. This approach standardizes feature creation and page composition while maintaining reliable loading and error states.

Handle data fetching in scalable React apps using TanStack Query patterns for cache-aware queries, mutations, and invalidation. This ensures predictable data flow and supports parallel loading across your application's features.

Organize TypeScript frontend code by standardizing reusable file organization for features, routes, and hooks. This architecture separates concerns effectively, enabling scalable web applications with predictable data flow and maintainable component structures.

Yes, you can apply MUI v7 sx-based styling alongside TanStack Router and Suspense boundaries. This combination provides responsive layouts, reliable loading overlays, and consistent error handling patterns for modern React applications.

Your React frontend needs strict typing and cache-aware query design to prevent performance mistakes and ensure predictable data flow. These guardrails enforce reliable error handling and maintain application responsiveness under real user traffic.

Yes, this React performance approach applies guardrails to debounce search inputs and avoid memory leaks. It standardizes feature creation with reliable loading state handling, ensuring responsive user interfaces during complex data interactions.