vercel-react-best-practices
Vercel React Best Practices
Comprehensive performance optimization guide for React, React Native, and Next.js applications, maintained by Vercel. Contains 65 rules across 8 categories, prioritized by impact to guide automated refactoring and code generation. Includes platform-specific examples (Web, React Native) and library alternatives (SWR, React Query, Jotai).
When to Apply
Reference these guidelines when:
- Writing new React components, React Native screens, or Next.js pages
- Implementing data fetching (client or server-side) with SWR, React Query, or other libraries
- Reviewing code for performance issues across web and mobile platforms
- Refactoring existing React/React Native/Next.js code
- Optimizing bundle size or load times
- Choosing between framework alternatives (Next.js vs Vite vs CRA)
- Selecting state management or data fetching libraries
Rule Categories by Priority
| Priority | Category | Impact | Prefix |
|---|
More from boostbrothers/agent-skills
web-design-guidelines
Web design and accessibility guidelines for modern web applications. Use when creating, reviewing, or refactoring UI components to ensure best practices for styling, animations, accessibility, and color contrast.
12vercel-composition-patterns
React composition patterns that scale. Use when refactoring components with
10vercel-react-native-skills
React Native and Expo best practices for building performant mobile apps. Use
8expo-crypto-dpop
RFC 9449 DPoP authentication crypto module for EC P-256 key generation, DPoP proof JWT creation, and secure token binding. Use when working with DPoP, dpop proof, RFC 9449, token binding, OAuth, or expo-crypto-dpop.
1prd-workflow
PRD generation and acceptance test workflow for product development. Use when creating PRDs from JIRA/Confluence/Figma data, generating UI/UX acceptance test checklists, or uploading test documents to Confluence.
1react-native-naver-map
Naver Map SDK React Native wrapper for rendering maps with overlays, markers, clustering, camera control, and location tracking. Use when working with 네이버 지도, naver map, map overlay, marker clustering, path overlay, or NaverMapView.
1