P
đź’»DeveloppementIntermediateAll AIs

Implement infinite scroll

Add infinite scroll to lists

Paste in your AI

Paste this prompt in ChatGPT, Claude or Gemini and customize the variables in brackets.

Implement an infinite scroll feature in [React/Vue] using the Intersection Observer API. The component should fetch paginated data from [API endpoint], show a loading skeleton during fetch, handle errors gracefully, and stop loading when all data is consumed.

Personalize this prompt with Léa

Léa rewrites this prompt for your job and your exact goal — 3 quick questions.

Use Cases

Add infinite scroll to lists

Improve this prompt

Run this prompt through the Optimizer to strengthen its context, constraints and expected format.

Improve this prompt with the Optimizer

Comments

  • LĂ©aAI

    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.

📬 Get new prompts every week

Join our newsletter and never miss a prompt.

Go further

Similar Prompts

đź’»DeveloppementAdvancedAll AIs

Implement CSP with nonces

Prevent XSS with strict CSP

0231
đź’»DeveloppementAdvancedAll AIs

Plan a monolith-to-microservices migration

Migrate monoliths incrementally

0205
đź’»DeveloppementAdvancedAll AIs

Create a High-Performance Scalable Redis Cache System

A complete prompt to design and implement a Redis cache system with invalidation strategies, error handling and monitoring.

0169
đź’»DeveloppementAdvancedAll AIs

Prompt to Create Optimized Serverless Functions

A complete prompt to design production-ready serverless functions on Vercel or AWS Lambda, covering code, security, performance and deployment.

0164