ck:react-best-practices

To optimize React performance, you need to minimize unnecessary component re-renders by structuring components to avoid prop drilling and using memoization where appropriate. This Skill provides rules to identify re-render issues during code writing and refactoring to ensure smoother interactions.

The best way to reduce bundle size in a React app is to apply optimization rules that target JavaScript performance and bundle reduction. This Skill provides guidelines to identify heavy dependencies and refactor code for more efficient client-side delivery.

React components re-render often due to inefficient component structure or state management, and you can optimize re-render performance by applying specific rendering rules. This Skill helps identify these issues during refactoring to ensure optimal client-side rendering performance.

Yes, you can use these React performance guidelines during code review to identify and fix issues related to waterfalls, bundle size, server-side rendering, and re-renders. The Skill is intended for use during code writing, review, and refactoring to ensure optimal performance.

Yes, this covers server-side performance optimization for Next.js applications, providing rules to ensure faster load times and more efficient code. It addresses critical areas including server-side rendering and client-side data fetching strategies.