react-typescript-login-example-feature-image

React Typescript Login and Registration example

In this tutorial, we’re gonna build a React Typescript: Login and Registration example with React Router, Axios and Bootstrap (without Redux). I will show you:

  • JWT Authentication Flow for User Signup & User Login
  • Project Structure for React Typescript Authentication (without Redux) with React Router & Axios
  • Creating React Components with Form Validation using Formik and Yup
  • React Typescript Components for accessing protected Resources (Authorization)
  • Dynamic Navigation Bar in React Typescript App

Related Posts:
In-depth Introduction to JWT-JSON Web Token
React Typescript CRUD example Project with Axios and Web API

Fullstack (JWT Authentication & Authorization example):
React + Spring Boot
React + Node Express + MySQL/PostgreSQL
React + Node Express + MongoDB

Using Typescript with React Hooks instead:
React Typescript Authentication example with Hooks

Read More

vuex-typescript-example-vue-jwt-authentication-feature-image

Vue/Vuex Typescript example: JWT Authentication | vuex-class & vuex-module-decorators

In this tutorial, we’re gonna build a Vue/Vuex Typescript Application that supports JWT Authentication. I will show you:

  • JWT Authentication Flow for User Signup & User Login
  • Project Structure for Vue/Vuex Typescript Authentication
  • How to define Vuex Authentication module with vuex-module-decorators
  • Creating Vue Typescript Auth Components with vuex-class & VeeValidate
  • Vue Typescript Components for accessing protected Resources
  • How to add a dynamic Navigation Bar to Vue App

Let’s explore together.

Related Post:
In-depth Introduction to JWT-JSON Web Token
Vue Typescript example: Build a CRUD Application
Vue File Upload example using Axios

Fullstack:
Spring Boot + Vue.js: JWT Authentication & Authorization example
Node.js Express + Vue.js: JWT Authentication & Authorization example

Read More