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
Gestion des namespaces et quotas
Gérer un cluster multi-tenant
A/B test de contenu social
Tester et optimiser le contenu
Optimiser les performances d'une application React
Optimisez votre application React pour atteindre d'excellentes métriques Core Web Vitals grâce à des techniques avancées de mémorisation et code splitting.
Prompt Midjourney pour Generer Des Tests Unitaires
Midjourney, reconnu pour sa puissance en génération d'images par intelligence artificielle, peut être détourné de manière créative pour accompagner le processus de création de tests unitaires. Bien que Midjourney ne génère pas directement du code, il excelle dans la production de diagrammes visuels, de schémas d'architecture et de représentations graphiques qui facilitent la conception et la documentation de vos suites de tests. En visualisant les flux de données, les arbres de décision et les cas limites sous forme d'illustrations claires, vous pouvez mieux structurer votre stratégie de test avant même d'écrire une seule ligne de code. Cette approche visuelle est particulièrement utile pour les équipes qui pratiquent le TDD (Test-Driven Development) et souhaitent cartographier leurs scénarios de test de manière intuitive. Les diagrammes générés servent également d'excellents supports de documentation technique, rendant les suites de tests plus compréhensibles pour les nouveaux développeurs rejoignant un projet. Découvrez comment exploiter Midjourney pour transformer votre approche des tests unitaires grâce à des prompts optimisés et des techniques de visualisation avancées.