How to use Spine.js with millions of records and a filter?

Question

I'm making a webapp where the user is presented with a list. There are millions of records in total, but the user can only see a hundred at a time. More records should only be loaded when the user reaches the bottom of the list. (Scrolls down the page.) The user also has some filters to find the record in the list he/she is looking for.

So, I suppose LocalStorage wouldn't be a good idea because of the massive amounts of records. But how can I get Spine.js to work with this use case? A similar use case could be an online email client with thousands of emails.

Fetching all the records from the server isn't a good idea, so I suppose a way of updating the records with AJAX on the fly would be the best option? How can this be done with Spine.js, or do I have to write my own library?

Answer 1

Have a look at the "Pagination" section in the Spine docs: http://spinejs.com/docs/ajax