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
Réponds à 3 questions, Léa adapte le prompt à ta situation.
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.