Menú
React and Next.js performance best practices including rendering, memoization, and bundle optimization.
Instalar con Codex o Claude Copia este prompt, pégalo en Codex, Claude u otro asistente, y deja que revise la página de la skill y la instale por ti.
Basado en la clasificación ocupacional SOC
Create and apply Drizzle ORM migrations against the single Neon-primary PostgreSQL database
Run the 15-check pre-launch preflight and interpret results with context-aware fix suggestions
Next.js App Router best practices for routing, data fetching, rendering, and optimization.
Next.js Cache Components, 'use cache' directive, PPR, cacheLife, cacheTag, and migration from unstable_cache.
Turborepo monorepo task orchestration, caching, and pipeline configuration guidance.
React composition patterns for building maintainable, reusable component architectures.
| name | vercel-react-best-practices |
| description | React and Next.js performance best practices including rendering, memoization, and bundle optimization. |
Refer to the official documentation for comprehensive guidance:
'use client' when hooks or browser APIs are requiredReact.memo, useMemo, and useCallback sparingly and only when profiling reveals unnecessary re-renders; premature memoization adds complexity without measurable benefitnext/dynamic with { ssr: false } for heavy client-only components (charts, editors) to reduce initial bundle size and improve Time to Interactivenext/image for all images (automatic format optimization, lazy loading, responsive srcSet) and next/font to eliminate layout shift from font loading