Redux Hooks in React JS - Simplify Your Code

Published: 20 April 2021
on channel: Monsterlessons Academy
2,399
43

🧠 1-on-1 Frontend Mentorship (90-min paid session) → https://monsterlessons-academy.com/me...
🎁 Free PDF: Senior Developer Starter Kit (Checklist + 30-Day Plan) → https://monsterlessons-academy.com/ne...
🚀 Go from Middle to Senior Frontend in 12 Weeks → https://monsterlessons-academy.com/co...

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: ekaterina.kochergina.business@gmail.com

📌 Social
Twitter:   / monster_lessons  
Instagram:   / monsterlessonsacademy  
Facebook:   / monsterlessonsacademy  
Linkedin:   / monsterlessons-academy  
Tiktok:   / monsterlessonsacademy  

📚 References
Source code - https://github.com/monsterlessonsacad...

🕒 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.


On this page of the site you can watch the video online Redux Hooks in React JS - Simplify Your Code with a duration of hours minute second in good quality, which was uploaded by the user Monsterlessons Academy 20 April 2021, share the link with friends and acquaintances, this video has already been watched 2,399 times on youtube and it was liked by 43 viewers. Enjoy your viewing!