
Learn to authenticate with react in typescript, connect to a database with migrations, generate JWT tokens, and implement forgot and reset password flows via email.
Import the deno router from a url, add get endpoints for the homepage and a new page, return 'Homepage' and 'New Age', and run on port 8000.
Set up Denon to monitor changes, auto-restart the server, and tailor the configuration to watch specific files and folders (src and source) for smoother React and Deno.js development.
Create a login function that uses a request context and user repository to verify email and hashed password, handle not found and unauthorized cases, and prepare for JWT generation.
Install the mealybug made hoagies package, configure a mailhog smtp client on port 1025, and implement a mailer to send a reset password email containing a frontend link.
Implement a reset password flow with token validation, password and password confirm checks, find by token and email, update the user password, and return a success message.
Enable cross-origin requests by configuring cors in the Deno backend, importing the cors module, enabling credentials, and setting an origin regex that matches localhost ports for the React frontend.
Create a Bootstrap-styled authentication template in a React and deno.js project, clean the form markup, convert class to className, remove labels, and apply CSS tweaks for a cleaner UI.
Redirect to the login page after a successful registration by toggling a redirect state and using react-router-dom's Redirect, while updating axios defaults for consistent requests.
Fetch the current authenticated user using a user hook and axios. Enable cookie-based sessions by setting credentials and handle success and error cases to greet the user.
Learn how to authenticate using React and Deno.
In Deno you will learn:
Use Typescript
Create public and secure routes
Connect with MySQL
Run Migrations
Register Users
Generate Jwt Tokens
Use HttpOnly Cookies
Send Emails
In React you will learn:
Use Typescript
Create components and routes
Consume API calls
Use React Hooks
If these are what you are looking for then this course is for you.