Add infinite scrolling or pagination to Catalog view

[bajiat]

Add functionality that only publishes (?) a performance-wise feasible number of API backends to API catalog container. More/Next backends are published when user takes an action. Most likely options for the user action are infinite scrolling or catalog pagination.

User story

As an Apinf architect
I want catalog view to load only a reasonable amount of APIs when user goes into the view
so that the performance of the platform does not suffer from too many APIs being published to front-end

Definition of done

• Select either infinite scrolling or pagination as the solution
  • Document the pros and cons of each option in the comments for this issue
• Implement the solution so that UI does not get stuck even if the number of APIs stored in database would be high

Wireframe

• Pagination for Catalog and Table View

• Infinite Scrolling

[philippeluickx]

I'd prefer to go with pagination. Infinite scrolling is often not the best solution UX wise, pagination is a safer bet.
http://babich.biz/ux-infinite-scrolling-vs-pagination/

[Nazarah]

If using pagination and we have option to select number of entries to be shown in each page, then there can be another option"show all entries" in the dropdown. This somewhat implements the infinite scrolling option

[philippeluickx]

Let's keep it simple. Google does not have those options and is the most used website. I'm OK with having a sizeable amount of results (e.g. 25 or 50) and then just paginations.

[Nazarah]

Wireframes Added.