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

Test d'idées d'activation

Générer des idées d'expériences d'activation

0146
💻DeveloppementDebutantAll AIs

Révision du code à la recherche de bugs

Revue de code automatisée

0129
💻DeveloppementIntermediaireChatGPT

Prompt ChatGPT pour générer du code JavaScript

ChatGPT est devenu un outil incontournable pour les développeurs JavaScript, qu'ils soient débutants ou expérimentés. Grâce à sa capacité à comprendre des instructions en langage naturel, il permet de générer du code JavaScript fonctionnel en quelques secondes : fonctions utilitaires, manipulation du DOM, appels API, algorithmes complexes ou encore composants interactifs. Mais la qualité du code produit dépend directement de la précision du prompt utilisé. Un prompt vague donnera un résultat générique, tandis qu'un prompt structuré — précisant le contexte, les contraintes techniques, le style de code attendu et les cas limites à gérer — produira un code propre, maintenable et prêt à intégrer dans votre projet. Dans ce guide, vous trouverez un prompt principal optimisé pour la génération de code JavaScript avec ChatGPT, ainsi que trois variantes adaptées à votre niveau. Que vous cherchiez à prototyper rapidement une fonctionnalité, à apprendre de nouvelles syntaxes ES6+ ou à produire du code production-ready avec gestion d'erreurs et typage JSDoc, ces prompts vous feront gagner un temps considérable tout en vous aidant à progresser.

0133
💻DeveloppementIntermediaireAll AIs

Network policies pour micro-segmentation

Isoler les workloads avec des network policies

0139