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
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 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
Prompt ChatGPT pour Generer Des Requetes SQL
La génération de requêtes SQL est une compétence essentielle pour tout développeur, analyste de données ou administrateur de base de données. Pourtant, écrire des requêtes complexes impliquant des jointures multiples, des sous-requêtes imbriquées ou des fonctions d'agrégation peut s'avérer chronophage et source d'erreurs. ChatGPT transforme radicalement cette pratique en vous permettant de décrire vos besoins en langage naturel pour obtenir des requêtes SQL optimisées et fonctionnelles en quelques secondes. Que vous travailliez avec MySQL, PostgreSQL, SQL Server ou SQLite, l'IA s'adapte à la syntaxe spécifique de votre système de gestion de base de données. En fournissant le schéma de vos tables et une description claire de ce que vous souhaitez obtenir, vous pouvez générer des requêtes SELECT, INSERT, UPDATE ou DELETE parfaitement structurées. ChatGPT excelle également dans l'explication ligne par ligne des requêtes générées, ce qui en fait un outil d'apprentissage précieux pour les débutants comme pour les professionnels souhaitant explorer des fonctionnalités SQL avancées comme les CTE, les fonctions de fenêtrage ou les requêtes récursives.
Gestion des namespaces et quotas
Gérer un cluster multi-tenant
Tests E2E avec Playwright
Automatiser les tests de parcours utilisateurs critiques
A/B test de contenu social
Tester et optimiser le contenu