React useReducer Simplified // Professional ReactJS

In this lesson we level up from useState to useReducer and look at its various benefits along with lots and lots of best practices including TypeScript 🌹

Smash that 👍 and 🔔
Share to spread the love 🤗

Course Page (Professional ReactJS):

Chapters
0:00 Intro
0:17 useState Example
1:30 useReducer mental model
2:19 useReducer in action
5:15 Testing Advantage and Demo
6:17 Code Organization Advantage
6:50 Expansion Demonstration
8:06 using TypeScript to our Advantage
9:41 Outro

👇 Subscribe + Notification 🔔 for MOORE 👇

🌹 Support 🌹

~

[quentinmckay]

Great examples, explanation, and pacing. Loved the mental model slides and really appreciate seeing TypeScript integration as well. Thanks very much!

[tomashubelbauer]

Would be great to get a video showing how to use useReducer with async actions. The Hooks equivalent of Redux Thunk / Redux Saga.

[chrisk-]

Great video as always!
Would `action satisfies never;` instead of `const _ensure: never = action;` be equally valid? It removes the need for the rogue variable and is pretty clear in its intent.

[ThanHtutZaw]

how to reset single state in reducer ?