filmov
tv
#69: useReducer Hook in React 19

Показать описание
In this video, we explore the powerful useReducer hook in React 19, essential for managing complex state logic. You'll learn the syntax, understand key concepts, and see why useReducer is a better alternative to useState in certain scenarios. By the end, you'll build a functional counter app using useReducer, giving you hands-on experience with this advanced state management technique. Perfect for developers looking to deepen their React skills with real-world examples.
------------------------------------------------------------------------
🚀 Boost Your Skills with these Pre-Requisite Videos:
------------------------------------------------------------------------
------------------------------------------------------------------------
✌️ Join Us!
------------------------------------------------------------------------
⌛TIMELINE⏳
0:00 Introduction to useReducer Hook
0:15 useReducer Syntax Overview
0:55 Why You Should Use the useReducer Hook
1:40 Understanding useReducer Hook Keywords
3:40 Project Folder Structure
4:28 Like, Share & Subscribe
4:40 Creating a Counter App with useReducer Hook
7:30 Implementing the useReducer Hook
7:45 Creating the Reducer Function & Connecting useReducer Hook
9:50 Adding Click Events Using Dispatch of useReducer
11:20 Logging Reducer State & Action Parameters
12:12 Creating Actions to Handle Increment and Decrement
13:00 Comparing useState vs useReducer
13:30 Quick Recap of Counter App Using useReducer Hook
------------------------------------------------------------------------
🚀 Boost Your Skills with these Pre-Requisite Videos:
------------------------------------------------------------------------
------------------------------------------------------------------------
✌️ Join Us!
------------------------------------------------------------------------
⌛TIMELINE⏳
0:00 Introduction to useReducer Hook
0:15 useReducer Syntax Overview
0:55 Why You Should Use the useReducer Hook
1:40 Understanding useReducer Hook Keywords
3:40 Project Folder Structure
4:28 Like, Share & Subscribe
4:40 Creating a Counter App with useReducer Hook
7:30 Implementing the useReducer Hook
7:45 Creating the Reducer Function & Connecting useReducer Hook
9:50 Adding Click Events Using Dispatch of useReducer
11:20 Logging Reducer State & Action Parameters
12:12 Creating Actions to Handle Increment and Decrement
13:00 Comparing useState vs useReducer
13:30 Quick Recap of Counter App Using useReducer Hook
Комментарии