React Movie App Tutorial - Build A Fun Portfolio Project with React and the OMBD API

 By freeCodeCamp.org - 2020-11-18

Description

In this React movie app tutorial, we're going to: Use a real API to search for movies as we typeCreate a "Netflix style" horizontal scroll effectAdd movies to and remove them from our favouritesSave o ...

Summary

  • Fire up Postman and paste in the "OMBb API" URL you received in your email (highlighted in yellow in the image above).
  • This will query the API for all movies containing "star wars" in the title.
  • We're going to take the Poster image for each object and display it in our app How to Set Up a React Project Ok with that out of the way, we can get into the good stuff – creating a React project.
  • npm start How to Add Movies to State The App component will hold the state for the app.

 

Topics

  1. Frontend (0.33)
  2. Mobile (0.16)
  3. UX (0.1)

Similar Articles

How to Add Drag and Drop in React with React Beautiful DnD

By freeCodeCamp.org - 2020-10-05

Drag and Drop is a common interaction technique added to allow people to intuitively move things around on a page. This could be reordering a list or even putting together a puzzle. How can we add th ...

React Hooks Cheatsheet: The 7 Hooks You Need To Know

By freeCodeCamp.org - 2021-02-08

This new tutorial will show you everything you need to know about React Hooks from scratch. I've put this cheatsheet together to help you become knowledgeable and effective with React Hooks as quickly ...

State of the React Ecosystem in 2021

By Dave Ceddia - 2021-01-22

What’s the best way to build React apps in 2021? What has changed since 2016? What libraries is everyone using these days?

sudheerj/reactjs-interview-questions

By GitHub - 2021-01-12

List of top 500 ReactJS Interview Questions & Answers....Coding exercise questions are coming soon!! - sudheerj/reactjs-interview-questions