Construire une liste virtualisée
Gérer des listes de données volumineuses
Coller dans votre IA
Collez ce prompt dans ChatGPT, Claude ou Gemini et personnalisez les variables entre crochets.
Implémentez un composant de liste virtualisée sous React capable d'afficher plus de 100 000 éléments sans dégradation des performances. Utilisez une approche de fenêtrage, calculez dynamiquement la plage d'éléments visibles en fonction de la position de défilement et prenez en charge les hauteurs d'éléments variables. Incluez la restauration du défilement.
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 les hauteurs variables, utilisez un cache des hauteurs mesurées (ex: `Map<index,height>`) et mettez à jour la hauteur totale lors du render. Pour la restauration du défilement, stockez la position dans le `sessionStorage` avant le démontage via un `useEffect` de nettoyage.
Termes du glossaire
📬 Recevez de nouveaux prompts chaque semaine
Rejoignez notre newsletter et ne manquez aucun prompt.
Pour aller plus loin
Prompts similaires
Mise en œuvre de la validation des entrées
Valider et désinfecter les entrées
Définir une stratégie de limites de ressources Kubernetes
Dimensionner correctement les ressources Kubernetes
Implémenter des politiques réseau Kubernetes
Sécuriser le réseau Kubernetes
Audit de sécurité Kubernetes
Auditer la sécurité d'un cluster Kubernetes