vercel-react-best-practices

To fix React rendering bottlenecks, apply proven performance patterns that reduce unnecessary re-renders and improve load times. This involves optimizing client and server rendering, data fetching, and bundle sizes.

Next.js bundle optimization best practices involve applying targeted bundling patterns to reduce client-side payload. These patterns ensure safe, maintainable changes by validating improvements against real-world scenarios to minimize load times.

Server Actions improve data fetching performance by shifting execution to the server, reducing client-side JavaScript. This skill guides their implementation alongside other data fetching strategies to ensure safe, maintainable changes across typical project scenarios.

Yes, you can use these React performance patterns to guide code reviews and refactoring. The guidelines cover rendering, data fetching, and bundle optimization across React components, Next.js pages, and Server Actions to ensure safe modifications.

To apply Vercel performance patterns safely, the skill enforces guardrails, validation, and clear guidance while avoiding risky or insecure modifications. This ensures maintainable changes across client and server code without breaking existing features.