React Redux Login, Logout, Registration example using Hooks
73CEFor more detail, please visit:
React Hooks: JWT Authentication & Authorization (without Redux) example
React Redux Login, Logout, Registration example (using React Components)
Related Posts:
Fullstack (JWT Authentication & Authorization example):
This project was bootstrapped with Create React App.
.env
PORT=8081
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 {};
}
}In the project directory, you can run:
npm install
# or
yarn install
or
npm start
# or
yarn start
Open http://localhost:8081 to view it in the browser.
The page will reload if you make edits.