How to do a server-side pagination using react-table 'headless' UI library 🔥

This video is an alternative for the "useTokenPagination" plugin because I saw in the official docs that there is no such thing.
Thus, you will be learning to do your custom pagination based on a token.

For educational purposes, I am using the YouTube API-Playlist items.
You can skip that part and go directly to the minute 05:40.

Useful Docs:

I am using:
react-hooks, react-table, axios, calling an API
The code:

Timestamp:
00:00 Intro
00:50 Explaining templates
01:55 Understanding API behavior
04:07 Explaining what we'll be using
05:40 Doing the Fetch API function
13:33 Explaining props of TablePagination
15:58 Doing/Explaining StateReducer for TablePagination
22:05 Explaining useEffect for TablePagination
24:54 Running the app
25:42 Summarize
27:20 Outro

[syednoohu]

Nice tutorial, thanks a lot, how could we implement the pagination for our own APIs?

[vikrantavishwakarma]

Can you add server side pagination with column filtering

[pedromanuelcamargomendez]

Why didn't you use typescript? If you had a previous project, you would have continued.