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

Answer 3 questions and Léa tailors the prompt to your situation.

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

đź’»DeveloppementIntermediateAll AIs

Namespace and Quota Management

Manage a multi-tenant cluster

0110
đź’»DeveloppementAdvancedAll AIs

Build a virtualized list

Handle massive data lists

0143
đź’»DeveloppementIntermediateAll AIs

Social Content A/B Test

Testing and optimizing content

098
đź’»DeveloppementIntermediateChatGPT

Optimize React Application Performance

Optimize your React application to achieve excellent Core Web Vitals metrics through advanced memoization and code splitting techniques.

36394