Create a twitch clone using React -5

Photo by Jerry Wang on Unsplash

Welcome to Part-5 of the series. You can find part-4 here.

Let’s start where we left. We would like to associate users, to our stream so that we can add a Delete and Edit button for the logged in user, of that stream.

Open the index.js file in src -> actions folder and add the userId in createStream().

export const createStream = formValues => async (dispatch, getState) => {
const { userId } = getState().auth;
const response = await streams.post('/streams', {...formValues, userId});
dispatch({ type: CREATE_STREAM, payload: response.data })
}

Now, move to http://localhost:3000/streams/create and create a new stream.

New stream with userId

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

You can find code till this point here. You can find Part-6 here.

--

--

--

Founder TWD, JavaScript & ReactJS Trainer, Youtuber, Blogger

Love podcasts or audiobooks? Learn on the go with our new app.

Recommended from Medium

What is WebAssembly?

Angular NGRX enabling DevTools at runtime

Connect i18n and vee-validate. Nuxt.js i18n and vee-validate works greate together.

Asynchronous Callbacks

An easy-to-use performant solution to lazy load images in React

All-inclusive insights on Building JavaScript microservices with Node.js!

What is the back-end?

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
Nabendu Biswas

Nabendu Biswas

Founder TWD, JavaScript & ReactJS Trainer, Youtuber, Blogger

More from Medium

React App with Final Space API — Tinder Style

E-Commerce App using Amazon UI and React JS

How To Set Up React With Tailwind CSS

Blog Article 05