Traversy Media | Learn The MERN Stack - Frontend Authentication | Redux Toolkit @TraversyMedia | Uploaded February 2022 | Updated October 2024, 4 minutes ago.
In this video, we will create our frontend and add authentication using Redux Toolkit to manage our global state.
💻 Code:
github.com/bradtraversy/mern-tutorial
👇 Full React 2022 Course With $12.99 promo:
udemy.com/course/react-front-to-back-2022/?couponCode=REACTF2BFEB2022
👇 Website & Courses:
traversymedia.com
💖 Show Support
Patreon: patreon.com/traversymedia
PayPal: paypal.me/traversymedia
👇 Follow Me On Social Media:
Twitter: twitter.com/traversymedia
Instagram: instagram.com/traversymedia
Linkedin: 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
In this video, we will create our frontend and add authentication using Redux Toolkit to manage our global state.
💻 Code:
github.com/bradtraversy/mern-tutorial
👇 Full React 2022 Course With $12.99 promo:
udemy.com/course/react-front-to-back-2022/?couponCode=REACTF2BFEB2022
👇 Website & Courses:
traversymedia.com
💖 Show Support
Patreon: patreon.com/traversymedia
PayPal: paypal.me/traversymedia
👇 Follow Me On Social Media:
Twitter: twitter.com/traversymedia
Instagram: instagram.com/traversymedia
Linkedin: 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
![JavaScript Under The Hood [5] - JavaScript Engine Overview](https://i.ytimg.com/vi/oc6faXVc54E/hqdefault.jpg "JavaScript Under The Hood [5] - JavaScript Engine Overview
In this final video of the series, we will talk about JS engines and look at how JavaScript code is turned into machine code that runs on the CPU.
💻 My Courses & More
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
0:42 - What is a JS Engine?
1:31 - Specific Browser Engines
3:30 - Compiled vs Interpreted Languages
6:11 - JS Engine Process Overview
7:25 - Abstract Syntax Tree (AST)
10:01 - Interpreter & Bytecode
10:58 - JIT Compilation")
