React Filtered Movies App by Dev Ed

Early bird just learned the react tutorial from Dev Ed. I love his course, he always slowly explains the knowledge step by step(sometimes feeling overwhelmed by others’ tutorials with many knowledge points).

Here is his youtube tutorial.

But I still gonna record what I learned here.

Step1:

building a react project with npx (nodejs environment)

npx create-react-app my-app

For the motion, use the framer React library here.

npm install framer-motion

Step2:

fetch the movies data from TMDB. Sign up for the account to get the API key and finding at https://www.themoviedb.org/settings/api .

App.js

fetch API data

“movies” is an array with results inside.

When loading the page, show all the popular movies.

App.js import