React MovieDB API: Pagination

This video is part 5 of the React MovieDB API project series. In this video I go over how to add pagination to the project using React. I use google materialize CSS components to style the pagination bar.

===============================================
DISCLAIMER: This video and description contains affiliate links. This helps support the channel and allows me to continue to make videos like this. Thank you for the support!

[douglasabnovato]

Pagination era um desafio até esse vídeo. Facilitou tudo.

[ey]

What you would do if you got info for 500 or 1000 pages? This work isn't fully complete =(

[noaakshay]

Thx bro for this wonderful video and explanation expecting more videos

[AndriyKovalua]

This tutorial was great and helped me understand some concepts, thank you for you work!

[aamrits]

Nice video. I was searching for pagination which is easy to follow. Saved my day. Thanks

[imane]

instead of doing that math.floor and /20, why didnt you use the total_pages you get from the Api?

[francescoscollo]

Can i use the same system for the tables ? Where is the connection with data? Thanks

[vikrantbhat]

Great video 👍, you ve earned a subscriber bud 😁

[kmz]

I dont know why, but Im getting an error: Unhandled Rejection (TypeError): data.results is not iterable
For:this.setState({movies: [...data.results], totalResults: data.total_results}).
I found out where is the problem, and the problem is in the api key

[AustinChabaud]

Thank you. I'm using your videos for a similar project. But my only problem is that I am using IGDB (in game database). I get a "CORS policy" when I try to search for games in the search bar. Could you help me or make a similar video on the API i am using.

[alvincalma]

that constant "ehem"-ing is distracting. You could have just paused the recording and drink water of cough it out

[pavel]

You don't need set condition this.state.totalResults > 20 you can just add hideOnSinglePage prop inside Pagination component