React Authentication With JWT REST API & Redux Toolkit [2021] - #16 Build MERN Stack CRM System
In this tutorial, we are going to implement our Authentication RESTfull API in our React frontend to manage user sign in and sign out. We will use Redux toolkit to manage redux action and store. We are using JWT as a user session token.
{\} Subscribe for more web development tutorials {/}
/ @dentedcode
{\} Timelines {/}
00:00 Intro
00:27 Workflow diagram
01:48 I forgot to record the main screen and recording all over again, hahaha
01:58 Start building
03:23 Creating login slice reducer as per Redux Toolkit
08:24 Adding login reducer in Store file
25:59 Storing JWTs in sessionStorage and localStorage
32:13 Creating user slice reducer as per Redux Toolkit
51:23 Logout user
55:02 What Next ...
{/}Trello Project {/}
https://trello.com/b/o7zVhdid/crm-tic...
{/} Buy me a coffee to support me {/}
https://www.buymeacoffee.com/dentedcode
{/} Git Repo {/}
https://github.com/DentedCode/crm-fro...
{\}Start the project from beginning{/}
• Build MERN Stack CRM Ticket System #0 [202...
How to Install Mongo Database on Windows
• How To Install MongoDB on Window 10 | Begi...
How to Install Redis Database on Windows
• How To Install Redis on Window 10 | Beginn...
If you are new to Javascript, check out this Javascript Crash Course first • Learn JavaScript From Scratch - JavaScrip...
{\} Join Me in Discord {/}
/ discord
At the end of the series, you will learn to build a MERN stack + Nodejs Admin Panel project and deploy to AWS from scratch.
If you want to follow along, you can set up your computer's environment like mine. • How To Setup Modern Javascript Web develop...
If you get stuck or experience any issue, please write in the comment section below, I will try to reply as soon as possible.
{\} Connect with me here {/}
My Site: https://dentedcode.com
FB account: / dentedcode
Instagram: / dentedcode
Twitter: / dentedcode
LinkedIn: / dented-code
#React #Redux #ReduxToolkit #DentedCode #JWT