frontend-dev-guidelines

A scalable React and TypeScript application should use a feature-based architecture, organizing code within `features/` directories to ensure maintainability and strict type safety across modules.

Implement Suspense-first data fetching in React by mandating `useSuspenseQuery` for data retrieval, which ensures cleaner components and streamlined loading states without manual conditional rendering.

Use `useMemo` and `useCallback` for performance optimization in frontend development to enforce memoization and performance-safe defaults, preventing unnecessary re-renders in complex React components.

Yes, you can use strict TypeScript practices in your React project by requiring explicit types, eliminating `any`, and applying type-safe styling to guarantee type safety across the application.

Assess architectural fit and complexity for new React features by evaluating them against complexity metrics like FFCI, ensuring adherence to core doctrines like lazy loading and type safety.