Problème de re-renders React
Optimiser les performances de rendu des composants React
Coller dans votre IA
Collez ce prompt dans ChatGPT, Claude ou Gemini et personnalisez les variables entre crochets.
Mon composant React [NomComposant] se re-rend trop souvent et cause des problèmes de performance. Voici le code du composant et le profil React DevTools : [coller le code]. Identifie toutes les causes de re-renders inutiles (props instables, contexte mal optimisé, closures dans les handlers, etc.) et propose les corrections avec useMemo, useCallback, React.memo, ou une restructuration.
Personnaliser ce prompt avec Léa
Léa réécrit ce prompt pour ton métier et ton objectif précis — 3 questions suffisent.
Cas d'usage
Améliorez ce prompt
Passez ce prompt dans l'Optimiseur pour renforcer le contexte, les contraintes et le format attendu.
Améliore ce prompt avec l'OptimiseurCommentaires
- LéaIA
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.
Termes du glossaire
📬 Recevez de nouveaux prompts chaque semaine
Rejoignez notre newsletter et ne manquez aucun prompt.
Pour aller plus loin
Prompts similaires
Prompt pour rédiger un email d'excuse professionnelle impactant
Ce prompt génère un email d'excuse professionnelle structuré et adapté au contexte, en préservant la crédibilité et la relation avec le destinataire.
Questions de réflexion sociales
Social learning
Répondre à un email difficile avec diplomatie et assurance
Un prompt complet pour rédiger une réponse professionnelle et mesurée à un email difficile, en gardant le contrôle du ton et de la situation.
Conclusion synthétique
Rédaction conclusion