Home / Companies / Hasura / Blog / Post Details
Content Deep Dive

Vue Tutorial: Implement Infinite Scroll in Vue.js Using Apollo and Hasura GraphQL

Blog post from Hasura

Post Details
Company
Date Published
Author
Anthony Gore
Word Count
2,190
Language
English
Hacker News Points
-
Summary

This tutorial demonstrates how to implement infinite scroll in a Vue.js app using Apollo and Hasura GraphQL. The steps covered include setting up a Vue/Apollo app, configuring local Hasura with Docker, seeding the database with mock data, making paginated database calls with Apollo's fetchMore feature, and implementing scroll loading in the frontend. By following this tutorial, developers can gain a better understanding of using Hasura's GraphQL server effectively in their web app stack and learn how to implement infinite scroll in their own JavaScript apps.