How to create list of movies using reactjs and movie API

I am using reactjs and themoviedb.org movie api to list the movies

I am using reactstrap to create my react app

Create two components name Movie and MovieCard

Movie.js

I have create a functional component Movie and setting the movies with value from themoviedb.org api

and the response data result I am pushing into movies array and then passing that value to MovieCard as item.Dont you think its simple enough to understand. I am looping the movies into and passing that value to MovieCard to render the Movie values into my component.

Once passed the value to moviecard.

Display the values from MovieCard component.

Final output will look like below image

Simple movieapi integration and displaying the values in this example.Please do reach me if need any help in reactjs.

Thanks for reading.