React Redux Update State Immutable way Tutorial | Part - 4

[@ziedhosni7655]

this short format is the best , thank you again

[@fakhruddin746]

I used to learn new tech with your video. Which are really helpful. Keep posting for us .

[@13Macke37]

Why do we have to copy the state in the reducer on every action when we created a newState variable?

[@maramahmad4061]

thank you for your effort it is the best series Please GO AHEAD to learn more from you

[@Raj9x7]

surprisingly this tutorial makes redux now so easy. Thank you.

[@yourbrother9518]

Thanks a lot sir you made my day. I was strugling from 3 days and eventually you solved my problem. Many thanks Stay safe and happy.

[@brindch8372]

Efficient explanation! Thank you so much! Btw, Just to share somethin and also to practice, I add another action which is 'CLEAR_HISTORY' to clear all history.

[@learnkidsonline9732]

Superb explanation! Great teaching skills!!!!!I am a big fan of you!!!

[@ruchirai5775]

Sir, Before looking at your tutorial Instead of redux I chose mobx because I got scared of redux :) But now I am able to write redux Flawlessly !Thank you for all your videos ! Can you please make a video on webpack, writing own webpack.Why webpack not grunt and gulp

[@Techsithtube]

Webpack is much comprehensive it does lot of thing compare to grunt which only allows you to write script.

[@sachinsehgal7096]

@@Techsithtube yes sir, request you to share a video on Webpack too

[@rajeshkanna9502]

I love the thumbnails

[@nileshsolankar227]

Best One..Nicely Explained Sir. Thank you very much.

[@Techsithtube]

You are most welcome. Thanks for watching!

[@patrycjaadamczyk4521]

Thanks for this series, it helps a lot to understad what really redux is about.

[@akashgupta4456]

Superb !!! Really appreciate your effort, Sir

[@Techsithtube]

Akash, Thanks for a nice comment

[@HoangVu-lr8mh]

Many thanks for your video. But I'm slightly confused at 12:46, why inside onClick event we would use an arrow function instead of calling this.props.onDelitem(el.id) ? I'm really looking forward to your answer.

[@Techsithtube]

If you dont need to pass any parameters you can simply use this.props.onDelitem , as you can see we are not executing the function here. but if you want to pass a parameter you have to execute the function. so you have to use an arrow function and inside you execute the funcction so on the click event the callback function gets executed and then the onDelItem gets executed.

[@burningraven06]

Hi, Is there anyway to update the InitialStore?

[@SunilSingh-vt2pw]

Hi Sir, There is an error in this tutorial in a switch condition because control never goes to break if you will use return.

[@Techsithtube]

That is true. thanks for pointing it out.

[@ThePodda33]

your basecode in your repo no longer works i get a TypeError: Cannot read property 'age' of undefined when trying to run the app

[@vishwanatheswarakrishnan7279]

Very comprehensive video ! Very nice ...

[@patilmrugesh]

Very well explained Great job! Truly appreciate

[@Techsithtube]

Thanks for watching Mrugesh!

[@davinci3890]

for the history, array spread could have perhaps being used right? Like 'history: [...state.history, newValue]'

[@abhayagarwal5097]

Thks a lot man,I learned basics of redux in a day because of you :-) and these vids are teaching me a lot of useful stuff

[@Techsithtube]

Happy to hear that Abhay!

[@aqibsaeed3229]

Thank you Hemil sir.. :)

[@satyasahoo26]

Thx for this amazing redux tutorial

[@adambotha01]

Nice vid, very helpful. Thanks man :)

[@Techsithtube]

Glad it helped!

[@akash_gupta_2090]

Mst

[@javohirsayfullayevich7127]

this is short clear tutorial thank you bro. when I'm working with api I'm encountering problems about CORS policy, so can make a vedio for this theme too, thanks again

[@veronicasoloduha3009]

this is an amazing tutorial!!!

[@parushanaidoo9183]

thank you for this video!

[@Techsithtube]

Glad it was helpful!

[@marcphilippe7417]

Kind of a noob question, but just to clarify: if in the reducer you return{ ...state, history: newHistory}, then the state variable (which represents the previous state) already has a different history property, right? So by re-declaring it after the spread operator, you are overwriting the property because it has the same key?

[@Techsithtube]

Yes, that is exactly what is happening. I am overriding any property called history. if it doesn't have that property it will create a new one.

[@Mohamed-uf5jh]

great job , and goog explain , I like That

[@issaissifou3579]

Nice tuto!

[@mansurhaider9163]

great explain. you made my day easy :)

[@Techsithtube]

I am glad that your learn something from this. :)

[@narekdanielyan8810]

Could you use spread operator instead of concat function in reducer?

[@Techsithtube]

Narek, you could however, it all depends on what you are concatenating and how. if you try to concat "Hi" , it would keep it as string "Hi" but with spread it would convert to ["H", "i"]

[@aishwaryadash3359]

Cannot read property 'age' of undefined I am getting this error again and again. Please help me out.

[@Techsithtube]

Aishwarya, it seems the state or object that you are trying to get age from , doesnt exist or cant be access from that scope.

[@rupjuly1985]

Buddy!!! U are master. Thanks

[@MultiUlme]

I see that you in the reducer are setting the age with action.value. Where do you set that value so you can use it in the reducer with action.value?

[@MultiUlme]

I figured it out. I had to set in mapDispatchToProps from dispatch({type: 'AGE_UP'}) to dispatch({type: 'AGE_UP', value: 1}). Now it works with action.value in the reducer.

[@Techsithtube]

Yep. That is the answer. You have to dispatch it so it will reach the reducer.

[@androidgeeking]

Amazing work

[@rushansakhib]

techsith, why you haven't use uuid pack to generate ids?

[@Techsithtube]

Objective is to make things simpler , one concept per video. users can learn other things like generating ids separately

[@angelc9557]

Sir great

[@ishimdarahamad8692]

Awesome Sir...

[@mahendrayadav5060]

very nice video!!!

[@arshgill656ful]

if we use saga, how we pass id to the new function

[@arshgill656ful]

never mind, worked by using props

[@vivuuc4209]

love it !

[@marthyh]

Thank you very much !!

[@prashantrewatkar6274]

very Nice

[@ГеоргийРукомин]

Thank you.

[@pisanghangus2]

you change if statement from last video to switch statement without warning :)

[@Techsithtube]

Editing magic :)

[@Akil3792]

Where have you explained about immutability

[@dhananjaymenon3601]

Why is immutability so important, doesnt it increase the memory used

[@Techsithtube]

It does , that is the redux concept. However if you use mobx you dont need immutability.

[@achillles6838]

Why do we need to update it immutability???

[@rogerodipo3499]

And when I..................... click on the Age Down button, the age decreases.

[@nanasarathi]

Awesome

[@anatoliystukota5731]

age decreasing button increases age :(

[@logs]

Life doesn't want you to get younger.

[@infotainment7123]

how is this called immutable way

[@vineethreddymaryada8387]

Everything is great and thank you so much.

[@Techsithtube]

Vineeth, there are some things I can change and some you cant . like my face, my accent. What is about my accent that is problem for you?

[@vineethreddymaryada8387]

@@Techsithtube I am so sorry, I meant no offense.

[@timokock7715]

sexy tutorials...heheheh oh no techsith tutorials sorry. Nice men, thanks a lot for your effort. Awesome videos

[@Techsithtube]

Thanks for watching Timo...

[@AnimeshSinghweb]

ok

[@pulinshah4951]

1:22 typo

[@octaviopercivaldi4962]

zoom out plz