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:
The Bucket List App source code: https://github.com/atapas/youtube/tre...
The useState Video:    • 07 - How to Manage State with useState Rea...  
The Object Destructuring Video:    • JavaScript Object Destructuring 101 - ES6 ...  

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.
🤝 The Sponsor Link: https://github.com/sponsors/atapas

My Socials:
Twitter:   / tapasadhikary  
Showwcase: https://www.showwcase.com/atapas398
LinkedIn:   / tapasadhikary  
Blog: https://blog.greenroots.info/
GitHub: https://github.com/atapas