Skip to content

React.js Login, Logout, Registration example with JWT and HttpOnly Cookie

Notifications You must be signed in to change notification settings

bezkoder/react-js-login-registration-hooks

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

2 Commits
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

React Login and Registration example with JWT and HttpOnly cookie

Build React JWT Authentication and Authorization example using React Hooks, React Router, Axios and Bootstrap (without Redux):

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

For more detail, please visit:

React Login and Registration example with JWT

React + Redux: Login and Registration example with JWT

Working with back-end servers:

Spring Boot + H2

Spring Boot + MySQL/PostgreSQL

Spring Boot + MongoDB

Node Express + MySQL/PostgreSQL

Node Express + MongoDB

Fullstack (JWT Authentication & Authorization example):

React + Spring Boot

React + Node.js Express

This project was bootstrapped with Create React App.

Project setup

In the project directory, you can run:

npm install
# or
yarn install

yarn or

Compiles and hot-reloads for development

npm start
# or
yarn start

Open http://localhost:8081 to view it in the browser.

The page will reload if you make edits.

Related Posts

In-depth Introduction to JWT-JSON Web Token

React CRUD example using Hooks

React Pagination using Hooks example

React Hooks File Upload example

Fullstack with Node.js Express:

React + Node Express + MySQL

React + Node Express + PostgreSQL

React + Node Express + MongoDB

Fullstack with Spring Boot:

React + Spring Boot + MySQL

React + Spring Boot + PostgreSQL

React + Spring Boot + MongoDB

Fullstack with Django:

React Hooks + Django Rest Framework

Serverless:

React Hooks Firebase Realtime Database: CRUD App

React Hooks Firestore example: CRUD App

Integration (run back-end & front-end on same server/port)

Integrate React with Spring Boot

Integrate React with Node Express