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 de demande de devis professionnel
Un prompt complet pour générer un email de demande de devis structuré, professionnel et personnalisable selon votre secteur et votre interlocuteur.
Convertir CSS en Tailwind
Migrer du CSS classique vers Tailwind CSS
Accord de confidentialité (NDA)
NDA
Framework de métriques produit
Définir les métriques produit