useReducer React Hook - When to use useReducer - useReducer vs useState - React Hooks Tutorial

The useState hook is a go-to react hook for state management for most React beginners. However, you will make your component bloated 😯 for a complex state structure if you rely on the useState hook!!!

In this video, you will learn about another React hook called useReducer that will help you to manage the state better without depending on any external library like Redux Toolkit.

I hope you enjoy learning it and don't miss completing the task given at the end of the video.

Timecodes
0:00 - What will we cover?
01:20 - The app: My Bucket List
03:14 - useState to implement bucket list
10:55 - The problem with useState hook
14:42 - The anatomy of useReducer hook
17:48 - Conceptualize useReducer(with diagram)
23:39 - useReducer to implement the bucket list
36:33 - Summary and Wrap Up

Important Links:

Like what I shared? Please support me 🙏 by sponsoring my contribution to the community. It will help me to do much better content creation in the future.

My Socials:

[tapasadhikary]

Topics Covered:

0:00 - What will we cover?
01:20 - The app: My Bucket List
03:14 - useState to implement bucket list
10:55 - The problem with useState hook
14:42 - The anatomy of useReducer hook
17:48 - Conceptualize useReducer(with diagram)
23:39 - useReducer to implement the bucket list
36:33 - Summary and Wrap Up

[WildForce-Zoo]

Very clear explanation. could you please post unit testing video as well?

[bishwajeetpandey]

Sir please continue the series and also make videos on React-router-dom v6

[shreyashbijlwan]

i was early waiting for this thank you

[PriyankarBose-rk]

Hello Tapas Da, thanks a lot for your detailed explanation. It was indeed helpful to learn React. Can you explain one thing; when shall we use .js or .jsx file? I'm not too clear on this point.

[RajaduraiKalyanasundaram]

Hello Tapas, Thank you so much for your viedos, somehow landed to this channel and continued to play rest. Your teaching skills are really nice. If possible, please post viedoes on advanced javascript and weird part of javascript. Have one question.. In RTK, We have an option to write async actions using createAsync api and the subsequenct actions(pending, fulfilled, rejected) managed in extra reducers. But how can we write async actions and dispatch in useReducer?

[helenrijo]

Thank you so much for your clear explanation. I am kind of confused with the meaning of state which is very often mentioned here. Does state imply to use state or state of an html Element? Could you please clarify it.

[prashlovessamosa]

Sir I have completed your videos in 2 days kindly complete this series you don't know great your videos are you are such a brilliant teacher kindly complete this series please 🙏