P
💻DeveloppementAvanceAll AIs

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

Gérer des listes de données volumineuses

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'Optimiseur

Commentaires

  • 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.

📬 Recevez de nouveaux prompts chaque semaine

Rejoignez notre newsletter et ne manquez aucun prompt.

Pour aller plus loin

Prompts similaires

💻DeveloppementIntermediaireChatGPT

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.

0121
💻DeveloppementIntermediaireAll AIs

Gestion des namespaces et quotas

Gérer un cluster multi-tenant

0110
💻DeveloppementIntermediaireAll AIs

Tests E2E avec Playwright

Automatiser les tests de parcours utilisateurs critiques

0123
💻DeveloppementIntermediaireAll AIs

A/B test de contenu social

Tester et optimiser le contenu

098