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.