react-best-practices

To optimize React performance during a code review, apply a prioritized set of rules targeting critical areas like eliminating data fetching waterfalls, reducing bundle size, and minimizing unnecessary re-renders to achieve faster load times.

Fix slow React component rendering by applying specific optimization patterns such as leveraging CSS content-visibility for rendering performance and implementing JavaScript micro-optimizations to improve overall UI responsiveness.

TanStack Query improves client-side data fetching by replacing sequential request waterfalls with parallel data retrieval patterns, ensuring efficient state management and faster loading for complex React dashboard applications.

Avoiding barrel imports optimizes React bundle size by preventing the bundler from pulling in unused module dependencies, which directly reduces the final JavaScript payload and accelerates initial page load times.

Yes, you can use these React optimization rules for refactoring existing code, as the guidelines specifically apply to code review, refactoring legacy components, and new development scenarios to identify and fix anti-patterns.

Use Promise.all for React data fetching when you need to eliminate sequential request waterfalls, allowing multiple asynchronous operations to resolve concurrently and significantly improving application loading speed.