React Youtube Content Selector App

We will be creating a YouTube Content Selector App that is basically a simple clone of YouTube. You could even use it as a photo gallery by just making a slight change to the code so that it displays an image instead of a YouTube video. In this example we will be using an array of objects which is set to React state. However you could easily just use fetch/axios to get the data from an API and then map over it.

Step 1

Setup a React project using create-react-app

Step 2

Replace the code in the App.js and App.css files with the code below

App.js

App.css

Step 3

You should see it working now in your browser window. There is an online working example of the app here Youtube Content Selector App

👨🏿‍💻 Software Developer @CGI_Global 🖼 Content Creator. Sharing the mindset and content so you work hard to grow stronger than your past self ☯️