Summary
Keywords
Full Transcript
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. 💸 Get All My YouTube Videos' Source Code for just ₹199! Grab Now - https://thapatechnical.shop/source-code 🔥 Access React Course Source Code, PPT & Notes here for Free : https://github.com/thapatechnical/react-19-series-thapa-technical 📺 Discover React.js History in Just 10 Minutes - https://youtu.be/MiK2bFqhg1U 📺 Watch the complete Playlist here : https://www.youtube.com/playlist?list=PLwGdqUZWnOp1Rab71vx2zMF6qpwGDB2Z1 ------------------------------------------------------------------------ 🚀 Boost Your Skills with these Pre-Requisite Videos: 🔗 Best HTML Course - https://youtu.be/5ccq_nLHneE 🔗 Best CSS Course - https://youtu.be/MSICFljRcb4 🔗 JavaScript Basics Course Part 1 - https://youtu.be/13gLB6hDHR8 🔗 JavaScript Advanced Course Part 2 - https://youtu.be/YwsOCN8woA8 ------------------------------------------------------------------------ 💸 Build Your Own E-commerce Website for Free! - https://www.thapatechnical.com/2024/03/build-complete-ecommerce-website-using.html ------------------------------------------------------------------------ ✌️ Join Us! 🚀 Become a Member: Unlock perks, free source code, and more Join Now : https://www.youtube.com/channel/UCwfaAHy4zQUb2APNOGXUCCA/join 📷 Connect on Instagram: https://www.instagram.com/thapatechnical 🗨️ Join Our Discord Server: Hang out with fellow programmers Discord Link: https://discord.gg/MdScmCsua6 ------------------------------------------------------------------------ ⌛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
