Mettre en place un défilement infini
Ajouter un défilement infini aux listes
Coller dans votre IA
Collez ce prompt dans ChatGPT, Claude ou Gemini et personnalisez les variables entre crochets.
Implémentez une fonctionnalité de défilement infini en [REACT/VUE] en utilisant l'API Intersection Observer. Le composant doit récupérer des données paginées depuis [POINT_TERMINAISON_API], afficher un squelette de chargement pendant la récupération, gérer les erreurs avec élégance et arrêter le chargement lorsque toutes les données sont consommées.
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 fiabiliser l’Intersection Observer, désactivez l’observation dès le déclenchement du chargement et réactivez-la après réception des données. Cela évite les appels redondants et les erreurs de concurrence.
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
Construire une liste virtualisée
Gérer des listes de données volumineuses
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.