HowTo: Handle JSON Web Token Authentication API with React
This is a "sequel" to a previous project we put together, which involved setting up JWT (JSON Web Token) authentication in Java Spring Boot.
Building from that starting point, we're going to look at how to consume, or work with, this authentication server API using a JavaScript frontend. This video will go through setting up React, React-Router and a teeny bit of React Redux to handle one way to work with the server!
It's gonna be fun! ☕☕
👉👉Grab the source (on github): https://t.ly/VSDSN
🔗Grab My Other Products Available:
Build Your First Web Service API Using Java Spring Boot https://wazoowebbytes.gumroad.com/l/x...
👋🏻Connect with me:
Twitter: / eyuzwa
🔗Links & References:
Docker Desktop Client: https://www.docker.com/
Start Spring IO: https://start.spring.io/
JWT.io: https://jwt.io/
===---=== Chapters ===---===
0:00:00 - Introduction
0:01:05 - demo
0:03:38 - get started with vite-js
0:05:59 - npm install react-router and redux
0:06:48 - update vite.config.js
0:08:51 - update main.jsx with react-router
0:10:46 - creating the Home component
0:12:14 - creating SignIn and SignUp components
0:15:36 - creating a form handler for SignUp
0:21:28 - using fetch for signup api request
0:25:45 - creating a form handler for SignIn
0:31:13 - basic intro to redux store
0:34:42 - basic intro to reducer
0:41:45 - adding redux to the SignUp
0:42:39 - updating Home for testing authorization api
0:51:22 - wrapping up
#react #redux #jwt