₦airaland Forum

Hello Guys,

How can the following be done in Reactjs?:

I'm creating an app that's powered by an API, and I want it so that when the front page reaches a certain length it should [AUTO] break into another page, say 2, 3, 4, and so forth. Like here in Nairaland. (See attached images)

Any heads-up? or any documentation that can help? (Just not having any luck googling).

Make research on pagination. It's called pagination.

You do pagination from backend while querying your db

Easiest way is with Syncfusion pagination or pager

Thanks guys, pagination it is: currently on it.

longlife101:
Hello Guys,

How can the following be done in Reactjs?:

I'm creating an app that's powered by an API, and I want it so that when the front page reaches a certain length it should [AUTO] break into another page, say 2, 3, 4, and so forth. Like here in Nairaland. (See attached images)

Any heads-up? or any documentation that can help? (Just not having any luck googling).

Why not download pagination package and configure it instead

Thanks again guys!!

I've been able to implement "pagination" into my React web app. No package installation. All frontend code. -A combination of "useState" and "useEffect"

Took the whole day though to wrap my head around it.

Lesson: one doesn't need to be very good at programming before trying out "big challenges". (Initial challenge was not even knowing the "name" of what I could have easily googled for...another Lesson: first identify/know your challenge )

Kudos