Learn The MERN Stack – Frontend Authentication | Redux Toolkit
In this video, we will create our frontend and add authentication using Redux Toolkit to manage our global state.
đź’» Code:
https://github.com/bradtraversy/mern-tutorial
👇 Full React 2022 Course With $12.99 promo:
https://www.udemy.com/course/react-front-to-back-2022/?couponCode=REACTF2BFEB2022
👇 Website & Courses:
https://traversymedia.com
đź’– Show Support
Patreon: https://www.patreon.com/traversymedia
PayPal: https://paypal.me/traversymedia
👇 Follow Me On Social Media:
Twitter: https://twitter.com/traversymedia
Instagram: https://www.instagram.com/traversymedia
Linkedin: https://www.linkedin.com/in/bradtraversy
Timestamps
0:00 – Intro & API Explanation
2:18 – Create Frontend Folder & Cleanup
7:23 – Page Components
9:20 – React Router Setup
12:30 – Header & Navigation
16:33 – Register Page
25:14 – Login Page
27:36 – Concurrently Setup
30:10 – Redux Start & Auth Slice
37:32 – Start User Registration
45:36 – Extra Reducers For Register
49:32 – Hook Up Register Form
1:00:45 – Logout Function
1:07:55 – Start User Login
1:09:30 – Extra Reducers For Login
1:10:20 -Hook Up Login Form
source
