Скачать или смотреть How to make API calls in React JS using AXIOS

Hey,

Let's make some API calls to an external database using the Axios package!
We will not use fetch API. Axios will handle the HTTP requests for us!

We will fetch the data from 3 different endpoints. The data will be coming from the TMDB API and will be stored inside an array using useState() react hook.

useEffect hook & Axios package will work together in order to make the HTTP requests for us.

React 18 will be used for building our custom reactjs components.

We will also build a component and pass PROPS to it so the component gets reused like it should in react.

Tailwind CSS will be used to style our UI.

But the routing of this project will be done with Next JS 13.4 (using the app folder).

Plenty to do and learn! Let's jump inside VScode together!

IMPORTANT LINKS:

https://developer.themoviedb.org/refe...
https://developer.themoviedb.org/docs...

Enjoying my content so far?
👉 Consider making the channel a kind donation: https://ko-fi.com/thejavascriptway

CHAPTERS:

0:00 - Project intro
3:26 - Create nextjs app & install axios package
6:14 - Extend colors inside tailwind.config.js file
9:00 - Routing: create custom pages & test the routes
10:43 - Create the navbar custom component & include it inside the layout.js file
21:48 - API key & the 3 endpoints
26:19 - Build the hero section components (popular, trending, up coming) & use Axios to make the API calls (useState & useEffect react hooks used)
1:04:50 - List custom component & it's PROPS (using Tailwind to build the responsive grid)
1:31:00 - Get your API KEY