react-practices

To optimize React and Next.js performance, eliminate data fetching waterfalls, minimize component re-renders, and reduce bundle size. This skill provides actionable rules, detailed explanations, and code examples to enforce best practices for optimal speed.

The best way to reduce bundle size in a Next.js web application is to apply performance optimization guidelines targeting bundle reduction and server-side efficiency. This skill enforces best practices through detailed explanations and code examples for immediate implementation.

React rendering bottlenecks occur when performance pitfalls like unnecessary re-renders and data waterfalls exist. You can fix them by applying this skill's comprehensive optimization guidelines, which target critical areas to ensure your code is efficient, fast, and scalable.

Yes, you can apply this skill to review your existing web frontend code for performance bottlenecks. It targets developers and AI agents working on React and Next.js applications to ensure adherence to best practices for optimal speed and efficiency.

Yes, this skill provides code examples for Next.js server-side performance optimization. It enforces rules through detailed explanations and immediate implementation examples covering critical areas like server-side performance and eliminating waterfalls.