소개
This skill provides a comprehensive framework for building scalable React applications using modern patterns like Suspense-based data fetching, TanStack Router, and MUI v7. It enforces best practices for code splitting through lazy loading, implements a feature-based directory structure for better maintainability, and provides strict TypeScript standards to ensure type safety and performance across the entire frontend stack. By following these guidelines, developers can eliminate layout shifts, optimize data fetching with TanStack Query, and maintain a consistent, production-grade codebase.
