P
💻DeveloppementIntermediaireAll AIs

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

Ajouter un défilement infini aux listes

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

📬 Recevez de nouveaux prompts chaque semaine

Rejoignez notre newsletter et ne manquez aucun prompt.

Pour aller plus loin

Prompts similaires

💻DeveloppementIntermediaireAll AIs

Gestion des namespaces et quotas

Gérer un cluster multi-tenant

0110
💻DeveloppementAvanceAll AIs

Construire une liste virtualisée

Gérer des listes de données volumineuses

0143
💻DeveloppementIntermediaireAll AIs

A/B test de contenu social

Tester et optimiser le contenu

098
💻DeveloppementIntermediaireChatGPT

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.

36394