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

👨🏿‍💻 Full Stack Developer 📝 Blogger 🎮 Gamer ✏️ Creative 👁 Anime Addict ٩(●ᴗ●)۶

Get the Medium app

A button that says 'Download on the App Store', and if clicked it will lead you to the iOS App store
A button that says 'Get it on, Google Play', and if clicked it will lead you to the Google Play store