What problem does it solve?
This Skill provides comprehensive guidelines and best practices for modern React/TypeScript frontend development, focusing on performance optimization, code organization, and modern patterns like Suspense and lazy loading.
Core Features & Use Cases
- Modern Development Patterns: Emphasizes Suspense-based data fetching, lazy loading, and TypeScript best practices.
- Component Patterns: Offers a complete guide for modern React components, including type safety, lazy loading, and performance optimization.
- Data Fetching: Detailed explanation of the
useSuspenseQuery pattern for efficient data fetching and caching.
- File Organization: Best practices for organizing frontend code in
features/ and components/ directories.
- Styling: Guidelines for styling components with MUI v7 and optimizing performance.
- Routing: Setup and configuration of TanStack Router for modern routing patterns.
- Error Handling: Best practices for handling loading and error states.
Quick Start
Run the pdf skill to generate a new React component following best practices.