#68 Frames: Infinite Scroll Pagination

22/03/2022
  • 0:00 Turbo Stream pagination
  • 0:35 Turbo Frame pagination
  • 2:16 Scaffold and Seed Posts
  • 4:48 Basic Pagination
  • 6:12 Lazy Load Turbo Frame
  • 9:47 Display next page
  • 12:50 Keep displaying next pages
  • 14:30 Loading Placeholder
  • 15:22 Autoscroll? No.
  • 15:50 Summary

In this previous episode we added a button to Load more records at the bottom of the list, with the help of Hotwire Turbo Streams.

Episode Source Code: https://github.com/corsego/68-frames-infinite-pagination/commits/main

In the previous episode we automatically added more records to the bottom of the list while scrolling, with the help of Hotwire Turbo Frames.

0:00 Turbo Stream pagination
0:35 Turbo Frame pagination
2:16 Scaffold and Seed Posts
4:48 Basic Pagination
6:12 Lazy Load Turbo Frame
9:47 Display next page
12:50 Keep displaying next pages
14:30 Loading Placeholder
15:22 Autoscroll? No.
15:50 Summary

0
Join the conversation
Sign in to leave comments and save lessons to your watchlist.
We collect your email address, name and username to create your account. We do not share your email address with anyone else.