Class Central is learner-supported. When you buy through links on our site, we may earn an affiliate commission.

YouTube

Learn the MERN Stack - Frontend Authentication - Redux Toolkit

Traversy Media via YouTube

Overview

Save Big on Coursera Plus. 7,000+ courses at $160 off. Limited Time Only!
Dive into a comprehensive tutorial on building the frontend authentication for a MERN stack application using Redux Toolkit for global state management. Learn how to create a React-based frontend, set up React Router for navigation, and implement user registration and login functionality. Explore the process of integrating Redux Toolkit to manage authentication state, including creating an auth slice, handling user registration and login, and implementing a logout function. Follow along as the instructor guides you through setting up the project structure, creating necessary components, and connecting the frontend to the backend API. Gain practical experience in modern web development techniques and best practices for building secure, scalable applications with the MERN stack.

Syllabus

- Intro & API Explanation.
- Create Frontend Folder & Cleanup.
- Page Components.
- React Router Setup.
- Header & Navigation.
- Register Page.
- Login Page.
- Concurrently Setup.
- Redux Start & Auth Slice.
- Start User Registration.
- Extra Reducers For Register.
- Hook Up Register Form.
- Logout Function.
- Start User Login.
- Extra Reducers For Login.
-Hook Up Login Form.

Taught by

Traversy Media

Reviews

Start your review of Learn the MERN Stack - Frontend Authentication - Redux Toolkit

Never Stop Learning.

Get personalized course recommendations, track subjects and courses with reminders, and more.

Someone learning on their laptop while sitting on the floor.