Spring Boot + React Redux example: Build a CRUD App

In this tutorial, we will learn how to build a full stack Spring Boot + React Redux example with a CRUD App. The back-end server uses Spring Boot with Spring Web MVC for REST APIs and Spring Data JPA for interacting with embedded database (H2 database). Front-end side is made with React, Redux, React Router, Axios & Bootstrap.

Related Posts:
React + Spring Boot: Pagination example
Spring Boot + React: Login example with JWT Authentication & Spring Security
React Upload/Download Files to/from Spring Boot Rest Apis

Run both projects in one place:
How to integrate React.js with Spring Boot

Other Databases:

Read More

react-redux-refresh-token-axios-jwt-feature-image

React + Redux: Refresh Token with Axios and JWT example

With previous posts, we’ve known how to build Authentication and Authorization in a React Redux Application. In this tutorial, I will continue to show you way to implement Redux Refresh Token with Axios Interceptors and JWT.

Related Posts:
Axios Interceptors tutorial with Refresh Token example
In-depth Introduction to JWT-JSON Web Token
React + Redux: JWT Authentication example
React Hooks + Redux: JWT Authentication example

Without Redux: React Refresh Token with JWT and Axios Interceptors

Read More

react-refresh-token-jwt-axios-interceptors-feature-image

React Refresh Token with JWT and Axios Interceptors

With previous posts, we’ve known how to build Authentication and Authorization in React.js Application. In this tutorial, I will continue to show you way to implement Refresh Token with JWT and Axios Interceptors in React.

Related Posts:
Axios Interceptors tutorial with Refresh Token example
In-depth Introduction to JWT-JSON Web Token
React JWT Authentication (without Redux) example
React Hooks: JWT Authentication (without Redux) example
React + Redux: JWT Authentication example

With Redux: React + Redux: Refresh Token with Axios and JWT example

Read More

handle-jwt-token-expiration-react-feature-image

Handle JWT Token expiration in React with Hooks

In previous post, we’ve used JWT for token based authentication (register, login, logout). This tutorial continues to show you how to handle JWT Token expiration in React with Hooks.

Related Posts:
In-depth Introduction to JWT-JSON Web Token
React Hooks: JWT Authentication (without Redux) example
React Hooks + Redux: JWT Authentication example

Using React Components instead:
React – How to Logout when Token is expired (JWT)

Read More

react-logout-if-jwt-token-expired-feature-image

React – How to Logout when Token is expired (JWT)

In previous post, we’ve used JWT for token based authentication (register, login, logout) in that, if token is expired, user cannot access restricted resource and he need to click on Logout button to refresh the UI and login again. This tutorial continues to show you how to force logout user when the Token is expired.

Related Posts:
In-depth Introduction to JWT-JSON Web Token
React JWT Authentication (without Redux) example
React + Redux: JWT Authentication example

Using React Hooks:
React – How to Logout when Token is expired (JWT)

Read More