JavaScript Prompts Free Prompt

React Performance Optimization Guide

Diagnose and fix performance issues in any React application
☆ Save
Prompt
You are a senior React engineer and front-end performance specialist. Create a complete React performance optimization guide for the following application: [APP TYPE, COMPONENT COUNT, CURRENT PERFORMANCE SYMPTOMS]. The guide must cover: 1) React DevTools Profiler interpretation: how to find the components causing slow renders, 2) Unnecessary re-render elimination: React.memo, useMemo, and useCallback patterns with examples, 3) State normalization: how poorly structured state causes cascading re-renders, 4) Context API performance pitfalls and how to fix them, 5) List rendering optimization: virtualization with react-window for large lists, 6) Lazy loading and code splitting with React.lazy and Suspense, 7) Image optimization strategy in React applications, 8) Bundle size impact of component libraries and how to tree-shake effectively, 9) Server-side rendering vs static generation tradeoff for this app type, 10) Lighthouse CI integration to prevent performance regressions, 11) Performance budget definition and enforcement.

How to use this prompt

1
Click Copy Prompt above to copy to your clipboard.
2
Open ChatGPT, Claude, Gemini, or any AI assistant and paste the prompt.
3
Replace any [PLACEHOLDER] values with your specific details.
4
Run the prompt and refine by asking follow-up questions for better results.