JWT Authentication using FrontEnd | Implementing Refresh and Access Tokens in ReactJS

Published: 10 October 2020
on channel: Mano Sriram

34,879

607

In this video, we'll be implementing JWT refresh and access tokens using FrontEnd (React).

0:00 - Introduction
3:55 - Create React App and Install Packages
6:37 - Creating Form and Form Handlers
17:19 - Create Cookies for Access and Refresh Tokens
19:15 - Implement protect function
21:44 - Implement "hasAccess" Function
23:53 - Generate accessToken and update a cookie
29:29 - Access protected route using "requestLogin" function
30:18 - Send accessToken as a header to the backend
35:51 - Handling Error Messages
37:13 - Testing the protected route

Code: https://github.com/manosriram-youtube...
Part-1 (Backend) :    • JWT Authentication using Refresh, Acc...

Share your ideas for my next video: https://request.manosriram.com
Find pair-programming partners: https://www.mydevfriend.com

FOLLOW ME HERE:
Website: https://manosriram.com
Github: https://github.com/manosriram
LinkedIn:   / manosriram
My Blog: https://blog.manosriram.com
Twitter:   / _manosriram

📻 Join the Discord Server:   / discord

Watch video JWT Authentication using FrontEnd | Implementing Refresh and Access Tokens in ReactJS online without registration, duration hours minute second in high quality. This video was added by user Mano Sriram 10 October 2020, don't forget to share it with your friends and acquaintances, it has been viewed on our site 34,879 once and liked it 607 people.