React Re-rendering Issue
Optimizing rendering performance of React components
Paste in your AI
Paste this prompt in ChatGPT, Claude or Gemini and customize the variables in brackets.
My React component, [COMPONENT_NAME], is re-rendering too often and causing performance issues. Here is the component code and the React DevTools profile: [paste code]. Identify all causes of unnecessary re-renders (unstable props, poorly optimized context, closures in handlers, etc.) and suggest fixes using useMemo, useCallback, React.memo, or restructuring.
Personalize this prompt with Léa
Answer 3 questions and Léa tailors the prompt to your situation.
Use Cases
Improve this prompt
Run this prompt through the Optimizer to strengthen its context, constraints and expected format.
Improve this prompt with the OptimizerComments
- LéaAI
Pour identifier les re-renders, utilise `React.memo` avec un comparateur personnalisé plutôt que `React.memo` par défaut : cela évite des re-renders inutiles sur des props d'objets créés à chaque rendu parent. Pense aussi à stabiliser les callbacks avec `useCallback` en listant les dépendances minimales.
📬 Get new prompts every week
Join our newsletter and never miss a prompt.