React Redux Tutorials - 25 - Action payload

📱 Follow Codevolution

Action payload in React Redux

[jamezjaz]

I usually like each of the videos before going through them, just to ensure I don't forget to like any of them. You're a great teacher man. Keep the flag flying

[auratha]

This is great tutorials. I watch so many redux tutorials in youtube but they are so confuse and demotivate to learn. But when I see this tutorial and learn step by step it more clear and easy.

[abhishekjindal]

Hi @Codevolution,

These react redux tutorials are awesome.These are very clear and your way of representation and implementation of concepts is fabulous..Thanks for sharing your knowledge with us..

One request is that can you please upload one video on implementation of redux redux in some real life problem like login page, and how to add the number of users and post that updated data to backend json using axios call with the help of react redux.

It will be very useful for us to understand that how we can target the problem using react redux in real projects..

[husler]

Awesome videos, i like your teaching also. I want to request one thing is Make video series on React-Router please....

[vinujoy]

Awesome content, the way of teaching is superb!

[kiashamaii]

You're a great teacher man. thank you very much

[nbsangee]

Excellent teaching and good understanding thanks to you!!

[prabhjotsinghahluwalia]

Using Hooks is optional in this case. If you don't want to use hooks just do this in CakeContainer. Do everything else the same way as described in the video.




const CakeContainer = (props) => {
let variable=0;
return (
<div>

<h4>No of cakes: {props.noOfCakes} </h4>
<button Buy now </button>



<input onChange = {(e)=> {variable = e.target.value}}/>
<button onClick={()=> props.buyCake(variable)}> Buy custom cakes </button>

</div>
)
}

[patrickconrad]

Not sure if I missed it or beacuse Im using hooks but I had to use payload: parseInt(number) in the actions because it was changing to text, even if i made the html/jsx input type as number. Maybe I missed that in this video, but if not hope this helps.

[shayanrs]

Hi Vishwas, was waiting for ur video, thanks

[SilvaOnTube]

Also, at 4:31, when you added the <NewCakeContainer /> to App.js, what immediately added the import statement as you added the new container?

[pydisettirohitkumar]

Can't we do it by using class components instead of using useState in hooks???
Please help

[vasiliv]

Hi, thank you for the great tutorials!
So far everything is working perfectly, just 1 question from curiosity. What we get from the INPUT is a STRING, It's working but I don't understand how is making the calculations Number - String?

[RajatSingh-plhd]

From 11th videos u r teaching the same topic with different approach???
Am i right plz anyone correct me if i am wrong bcuz i m confused after 10th lecture what to study?

[Fathurrr]

i found problem when try to adding cake with this tutorial, when i clicked add cake and input 40, the number is going to be 040 not 40, and when i click again it should be 80, but the result is 04040 can anyone explain this problem?

[SilvaOnTube]

I'm curious, at 3:41, when you added the payload property to the action creator, what vscode setting automatically added the comma to the existing type property and typed "payload:" immediately?

[crisantotubelleja]

typeError: props.buyCake is not a function every time i clicked the button it will automatically go to error

[williamyun]

Why do we need to make onClick={props.buyCake} in arrow function?

[sriramdonkada]

can we have multiple paylods for a single action so that we can change multiple initial states at one time..pls anyone

[sangtonsing]

It works on decrement(when buying cake the number of cake decrease) but when trying to increment it malfunctions. Suppose numOfCakes-10 and when we buy it gives us 9 but when incrementing the number instead of giving 11 it gives us 101, 1011, 10111, 101111... Why? is it an intention bug?