emreaktas/react-redux-hooks-jwt-auth

React Redux Login, Logout, Registration example using Hooks, JWT, Local Storage, React Router, Thunk Middleware, Axios, Bootstrap

React Redux Login, Logout, Registration example using Hooks

For more detail, please visit:

React Redux Login, Logout, Registration example with Hooks

React Hooks: JWT Authentication & Authorization (without Redux) example

React Redux Login, Logout, Registration example (using React Components)

Fullstack (JWT Authentication & Authorization example):

React + Spring Boot

React + Node.js Express

This project was bootstrapped with Create React App.

Set port

.env

PORT=8081

Note:

Open src/services/auth-header.js and modify return statement for appropriate back-end (found in the tutorial).

export default function authHeader() {
  const user = JSON.parse(localStorage.getItem('user'));

  if (user && user.accessToken) {
    // return { Authorization: 'Bearer ' + user.accessToken }; // for Spring Boot back-end
    return { 'x-access-token': user.accessToken };             // for Node.js Express back-end
  } else {
    return {};
  }
}

Project setup

In the project directory, you can run:

npm install
# or
yarn install

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.js + Node.js Express + MySQL

React.js + Node.js Express + PostgreSQL

React.js + Node.js Express + MongoDB

Fullstack with Spring Boot:

React.js + Spring Boot + MySQL

React.js + Spring Boot + PostgreSQL

React.js + Spring Boot + MongoDB

Fullstack with Django:

React.js 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.js Express