Build a Mini Netflix (with React)
  • About Cloudinary Labs
  • Build a Mini Netflix with Cloudinary
    • Introduction
    • Delivering Video
    • Setup React
    • Install Dependencies
    • Styling your App
    • User Authentication
    • Callback Component
    • Navigation Component
    • Display Component
    • Setup Root Route
    • Upload Component
    • Setup Upload Route
    • Upload Videos
    • Display Videos
    • Enable Auth
    • Share on Twitter
Powered by GitBook
On this page
  • What is React?
  • Install create-react-app
  • Provision your app
  1. Build a Mini Netflix with Cloudinary

Setup React

This lab requires React and create-react-app to build the app.

What is React?

React is a UI JavaScript library by Facebook for building efficient user interfaces and Single Page Applications. With React, you can build reusable frontend UI components in your app.

Install create-react-app

Facebook has a command line tool, create-react-app that can scaffold a progressive web app out of the box in less than a minute. Let's install the create-react-app tool globally using npm:

npm install -g create-react-app

This will install the create-react-app command line tool, which will make it easy to initialize your app with React.

Provision your app

Run the create-react-app command via the command line.

create-react-app miniflix

Navigate to the miniflix directory via the command line.

cd miniflix
PreviousDelivering VideoNextInstall Dependencies

Last updated 7 years ago