Back to Browse

Redux Hooks in React JS - Simplify Your Code

2.4K views
Apr 20, 2021
16:12

๐Ÿง  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 formats

Video Formats

360pmp426.0 MB

Right-click 'Download' and select 'Save Link As' if the file opens in a new tab.

Redux Hooks in React JS - Simplify Your Code | NatokHD