React Vercel 가이드 기반 React 성능 최적화 베스트 프랙티스. 프레임워크 비종속(Next.js, Remix, Vite 등 무관). 각 규칙의 상세 설명과 코드 예제는 references/ 참고. 원본 Vercel 가이드의 전체 규칙(Next.js/SSR 포함)은 vercel-react-best-practices 참고. 규칙 카테고리 | 우선순위 | 카테고리 | 영향도 | 접두사 | |----------|----------|--------|--------| | 1 | 비동기 워터폴 제거 | CRITICAL | | | 2 | 번들 사이즈 최적화 | CRITICAL | | | 3 | 리렌더링 최적화 | MEDIUM | | | 4 | 렌더링 성능 | MEDIUM | | | 5 | 클라이언트 데이터/이벤트 | MEDIUM | | | 6 | JavaScript 성능 | LOW-MEDIUM | | | 7 | 고급 패턴 | LOW | | 빠른 참조 1. 비동기 워터폴 제거 (CRITICAL) - - 로 독립 작업 병렬화 - - 불필요한 경로에서 await 지연 - - Suspense로 부분 렌더링 - - 부분 의존성 있는 작업의 최대 병렬화 2. 번들 사이…