프론트엔드 개발 가이드
원문: frontend-dev-guidelines
Frontend development guidelines for React/TypeScript applications. Modern patterns including Suspense, lazy loading, useSuspenseQuery, file organization with features directory, MUI v7 styling, TanStack Router, performance optimization, and TypeScript best practices. Use when cre
무엇을 하나요
Frontend Development Guidelines Purpose Comprehensive guide for modern React development, emphasizing Suspense based data fetching, lazy loading, proper file organization, and performance optimization. When to Use This Skill Creating new components or pages Building new features Fetching data with TanStack Query Setting up routing with TanStack Router Styling components with MUI v7 Performance optimization Organizing frontend code TypeScript best practices Quick Start New Component Checklist Creating a component? Follow this checklist: [ ] Use React.FC<Props pattern with TypeScript [ ] Lazy load if heavy component: React.lazy(() = import()) [ ] Wrap in <SuspenseLoader for loading states [ ] …
실행 시 본인 API 키(BYOK)로 동작하며, 모델 비용은 사용자 계정에서 직접 결제됩니다.