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

YouTube

React Redux Login Authentication Flow with JWT Access, Refresh Tokens, Cookies

Dave Gray via YouTube

Start learning Write review
DataCamp Ad

AI Engineer - Learn how to integrate AI into software applications

Learn More → Coursera Ad

AI, Data Science & Cloud Certificates from Google, IBM & Meta

Learn More →

Overview

Google, IBM & Meta Certificates – 40% Off
One Coursera Plus subscription covers most Professional Certificates on Coursera.
Unlock All Certificates
This advanced tutorial builds a React and Redux login flow using JWT access and refresh tokens, secure cookies, protected routes, and automatic reauthorization. It also demonstrates authenticated user requests and RTK Query caching.

Syllabus

Intro
Welcome
Starter Code and Dependencies
Begin Redux: authSlice
baseQuery
baseQuery with re-authorization wrapper
apiSlice
Extend the apiSlice to auth
Configure the Redux store
Begin React: index.js
Layout component
Public component
Redux: Export useLoginMutation
Login component
RequireAuth component
Welcome component
App.js routing
Node.js Backend Review
Test the Login flow
Redux: Extend the apiSlice to users
React: UsersList component
Update App.js routing
JWT Auth Flow and RTK Query Cache

Taught by

Dave Gray

Reviews

Start your review of React Redux Login Authentication Flow with JWT Access, Refresh Tokens, Cookies

Start learning

Never Stop Learning.

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

Sign up for free
Someone learning on their laptop while sitting on the floor.