In this article, we’ll learn how to build an infinite scroll pagination system using only a few lines of code. We will create a very simple Rails application and implement the infinite scroll feature in a Stimulus Controller that you can reuse to paginate all the resources of your app. We will do this step by step so let’s begin!
A few weeks ago, I came across this article from the Basecamp team explaining how they achieve “simple design” in both their products Basecamp and Hey. They mention what they call “Fisher Price” design (always choosing clarity over being slick or fancy). I am a big fan and user of both Basecamp and Hey. I love how simple and straight to the point both products are and I kept wondering what the impacts on the CSS and HTML code are. Let’s have a look!