Redux Hooks in React JS - Simplify Your Code
๐ง 1-on-1 Frontend Mentorship (90-min paid session) โ https://monsterlessons-academy.com/mentorship?utm_source=youtube&utm_medium=description_link ๐ Free PDF: Senior Developer Starter Kit (Checklist + 30-Day Plan) โ https://monsterlessons-academy.com/newsletter_subscribers/senior_starter_kit?utm_source=youtube&utm_medium=description_link ๐ Go from Middle to Senior Frontend in 12 Weeks โ https://monsterlessons-academy.com/courses/frontend-developer-middle-to-senior-bootcamp?utm_source=youtube&utm_medium=description_link This is a React Redux hooks tutorial. Here we will convert React Redux project with connect and classes to React hooks. We will use useSelector and useDispatch hooks to achieve the same behaivour as with Redux connect. This is the easiest React Redux with hooks tutorial to undestand how Redux can work together with React hooks. ๐ Need a video editor? Contact Ekaterina: [email protected] ๐ Social Twitter: https://twitter.com/monster_lessons Instagram: https://www.instagram.com/monsterlessonsacademy Facebook: https://www.facebook.com/monsterlessonsacademy Linkedin: https://www.linkedin.com/company/monsterlessons-academy Tiktok: https://www.tiktok.com/@monsterlessonsacademy ๐ References Source code - https://github.com/monsterlessonsacademy/monsterlessonsacademy/tree/96-react-hooks-and-redux/ ๐ TIMESTAMPS 0:00 Introduction 1:02 Our Redux project 3:14 Rewriting Redux in React hooks 5:39 Connect vs useSelector 7:01 Own props in useSelector 10:47 Rendering markup 12:51 UseDispatch hook 15:10 Outro This video is NOT sponsored. Some product links are affiliate links which means if you buy something I'll receive a small commission.
Download
1 formatsVideo Formats
Right-click 'Download' and select 'Save Link As' if the file opens in a new tab.