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