القائمة
React and Next.js performance best practices including rendering, memoization, and bundle optimization.
التثبيت باستخدام Codex أو Claude انسخ هذا Prompt والصقه في Codex أو Claude أو مساعد آخر ليراجع صفحة Skill ويثبّتها لك.
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.
استنادا إلى تصنيف SOC المهني
| 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