appbaseio / appbaseio/reactivesearch
Continuous pagination / Infinite scroll pagination / "Load more" pagination
- Vorherrschende Sprache
- JavaScript
- Sterne
- 4.9k
- Forks
- 478
- PR-Merge-Kennzahlen
- Keine gemergten PRs in 30 T.
Beschreibung
**Affected Projects**
We're working on a **Vue.JS** project, but I think it'd be worth to bring this feature to **React** and **React Native** as well.
**Is your feature request related to a problem? Please describe.**
The only pagination currently implemented in Reactive Search is the standard pagination with the bar on the bottom of the results. We'd like to have a pagination with the "Load more" button instead.
**Describe the solution you'd like**
The features that the solution should have are mainly taken from [this article](https://webmasters.googleblog.com/2014/02/infinite-scroll-search-friendly.html) and from [this reference implementation](http://scrollsample.appspot.com/items). It should be both SEO-friendly and user-friendly, it should work both on the client and on the server-side rendering.
There's a "Load more" button on the bottom of the results. When the user clicks on this button:
* the next page of results is loaded and appended below the current results
* the URL is updated with the new page number
When I open a URL that has the page number _n_ in its query string:
* only the _n_ page of results is loaded
* above the results there a "Load previous" button that on click loads the previous page
* below the results there's a "Load more" button with the aforementioned behavior
**Additional context**
We're **currently working** on the Vue.JS implementation. We'd like to get to a working version and to open a PR for this feature.
Any kind of feedback on this feature from the community or from the maintainers is much appreciated!
Beitragsleitfaden
Bewertung
Dieses Issue wurde noch nicht bewertet.