Create a twitch clone using React -7

Welcome to Part-7 of the series. You can find part-6 here.

We will create the StreamShow component first. So, whenever the user clicks on a stream, it will show one.

So, first open App.js as we have to update our routes. The things in bold are changed. We use a Switch to wrap all routes because to solve the same type of route in StreamCreate and StreamShow.

Next, we will update our StreamList.js file’s renderList(). Here, we add a link to title of the stream.

So, now in homepage you have a Link on click of which will take to our StreamShow page.

Image for post
Image for post
Title Link

You can read the rest of the blog from my site. The link for the same is below.

Hope you enjoyed building the Twitch clone with me. See you soon, till my next adventure.

You can find code till this point here.

Written by

UI Lead- ReactJS, JavaScript and everything in-between.

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