React Performance

React Performance

affaan-m

React Performance

React Performance

Optimize React and Next.js performance across 70+ rules covering waterfalls, bundle size, and re-renders.

New tool
0 downloads
Free

About

React Performance provides performance optimization patterns for React 18/19 and Next.js adapted from Vercel Engineering's React Best Practices. It organizes 70+ rules across eight priority categories including waterfalls, bundle size, server-side performance, client data fetching, re-render optimization, rendering performance, JavaScript micro-performance, and advanced patterns. Use this skill when writing, reviewing, or refactoring React and Next.js code to diagnose slow page loads, remove network waterfalls, audit bundle sizes, and eliminate unnecessary re-renders.

Key Features

Priority-indexed optimization rules
Waterfall elimination guidance
Bundle size and direct import strategies
Server-side caching and parallel fetching patterns

Privacy & Security

Data Collection

This tool follows industry-standard security practices and only collects data necessary for functionality.

Information

Developeraffaan-m
Version1.0.0
Ratingeveryone
LanguagesEnglish

Actions

  • Review React code for performance
  • Eliminate network waterfalls
  • Optimize bundle size
  • Reduce client-side re-renders