React App using Giphy API: Master fetching/loading data & pagination

We'll even implement a search functionality so that users can either retrieve trending gifs or search for specific keywords.

GitHub Repository:

Subscribe to my Channel:

If any of the react concepts are confusing to you, please check out my completely free course on react/redux

Timestamps
00:00 project Intro
01:45 Giphy API
07:37 Fetching Trending Gifs
17:06 Loading Spinner
30:02 Error Handling
39:35 Searching for Gifs
51:41 Pagination

-Sanjeev Thiyagarajan

[neets]

This is the best tutorial! ❤ the "we" throughout, like we're building it together 👍👍👍👍

[vocaloidsfan]

hey sanjeev! jst wanted to let you know that I discovered you through this video, and have been following your free course. It's amazing & is definitely something I recommend to my friends. thank you!

[clydefrog]

Sanjeev you are such a talented teacher. At least, your style really connects with me. There are certain big-channel instructors on YouTube who gloss over, don't explain or minimal explanation or who go extremely fast to where you have to put the video at .5 speed and then the project breaks for x reason. Even if i'm not using a technology, i'm learning so many more core programming fundamental skills watching your videos. Thank you!!!

[inrbgjksdagkjsdaglklfdq]

I couldn't be happier about the result. Not only for your flawless and easy explanation, but also I'm sticking with this way of implement pagination in other projects in the future. Thank you so much, you have earned a new suscriber

[luishurtado]

thanks i was very confused with this project but with your video is all clear, amazing video

[aman_s_]

This was awesome. Please keep posting project-based learning videos! 👍

[gabgab]

Thanks, you made very easy to understand pagination

[crazyvaleideas]

Amazing project dude!! You made it simpler to understand . Thanks a lot

[AnabellaDaRocha]

Hi! Very good project! Thank you very much! but it brings me 50 items instead of 100 and what would I have to put in href in Paginate in case I use Router in App.js?

[shayanyadegari]

Hi! I'm new to all this and this is a little too advance for me, I was wondering where I can find the earlier tutorial you've done on pexels since I'm only trying to figure out how to search an API end point and not have to worry about pagination, loading and all that. Thankyou

[dancoltan]

Hey there, I'm new to React and I hope you can help me with this error really quick: if i try to search without giving a value to the search string, the app just bugs. I think I have to condition the value string, but I cannot find any success doing so. Do you have any fix for this?

[tflixtuto]

hi Sanjeev I want to thank You for a wonderful work done
am currently enrolled in your react course on sloppy newtorks and am learning so so much
Thank You so much and Gob bless You
how do i get in touch with You please

[laIIin]

thanks for video.
For some reason the limit parameter doesn't work for me. no matter what i set it to, it always
returns 50 gifs

[travelfooodlifestyle]

Hi great application within short amount of time! can you please, share the fully implemented code if available. Like the gif app with header footer, add to favorite button, etc..