#69 Frames + Streams: Infinite Scroll Pagination (Best approach)
01/04/2022
Free
In the last 2 episodes we implemented Infinite Scroll Pagination with Frames and Streams separately.
In this episode we will combine Frames + Streams to create an event simpler way to add Infinite Scroll to a Rails 7 app with Hotwire.
Episode source code: https://github.com/corsego/69-infinite-pagination-revised/commit/3018c50d1049cc3f9e8bc5bcf2fb1a84609ea7e1
Pagy Countless: https://ddnexus.github.io/pagy/extras/countless.html#gsc.tab=0
Thanks to https://github.com/secretpray/ for showing me this solution!
0:00 Previous approaches
0:50 Scaffold and seed Artists
1:25 Paginate Artists
2:05 Turbo Frame responds to Turbo Stream
5:15 WORKS!
5:30 Stop scrolling if no more pages
6:32 Summary
7:02 Pagy Countless
0
Sign in to join the conversation
Recommended based on what you are watching now
![#05 Stripe API - Pay Now Button with Stripe Checkout API](https://superails.com/rails/active_storage/representations/redirect/eyJfcmFpbHMiOnsiZGF0YSI6MTkyOSwicHVyIjoiYmxvYl9pZCJ9fQ==--2da52bf6cd329ad269d1e7ca15f5a9e3434282cc/eyJfcmFpbHMiOnsiZGF0YSI6eyJmb3JtYXQiOiJqcGciLCJyZXNpemVfdG9fbGltaXQiOls0MDAsNjAwXX0sInB1ciI6InZhcmlhdGlvbiJ9fQ==--2d7cd3a4d9675c7f4c17dad7856d799792bd3595/maxresdefault.jpg)
47:21
#05 Stripe API - Pay Now Button with Stripe Checkout API
23/03/2021
Free
![#83 import and use SVG in Rails. gem inline_svg](https://superails.com/rails/active_storage/representations/redirect/eyJfcmFpbHMiOnsiZGF0YSI6MTg5NywicHVyIjoiYmxvYl9pZCJ9fQ==--39f23d5ebcfaa4725301ea8a85954d22a9f6aaf0/eyJfcmFpbHMiOnsiZGF0YSI6eyJmb3JtYXQiOiJqcGciLCJyZXNpemVfdG9fbGltaXQiOls0MDAsNjAwXX0sInB1ciI6InZhcmlhdGlvbiJ9fQ==--2d7cd3a4d9675c7f4c17dad7856d799792bd3595/maxresdefault.jpg)
12:05
#83 import and use SVG in Rails. gem inline_svg
15/06/2022
Free
1
![#40 Devise Trackable, Users Index page](https://superails.com/rails/active_storage/representations/redirect/eyJfcmFpbHMiOnsiZGF0YSI6MTg4OCwicHVyIjoiYmxvYl9pZCJ9fQ==--b75191503a8d30fc413cb4bb6ef083b8f8535573/eyJfcmFpbHMiOnsiZGF0YSI6eyJmb3JtYXQiOiJqcGciLCJyZXNpemVfdG9fbGltaXQiOls0MDAsNjAwXX0sInB1ciI6InZhcmlhdGlvbiJ9fQ==--2d7cd3a4d9675c7f4c17dad7856d799792bd3595/maxresdefault.jpg)
06:07
#40 Devise Trackable, Users Index page
21/06/2021
Free