DEV Community


Posted on

Spring Boot + React Redux + PostgreSQL CRUD example

In this tutorial, we will build React Redux Http Client & Spring Boot Server example that uses Spring Data JPA to interact with PostgreSQL database and React as a front-end technology to make request and receive response.

Related Post: How to use Spring JPA with PostgreSQL | Spring Boot


  • Java 1.8
  • Maven 3.3.9
  • Spring Tool Suite 3.9.0.RELEASE
  • Spring Boot 2.0.1.RELEASE

  • Webpack 4.4.1

  • React 16.3.0

  • Redux 3.7.2

  • React Redux 5.0.7

  • axios 0.18.0

  • PostgreSQL 9.5.3



1. Spring Boot Server


Spring Data JPA with PostgreSQL example:
How to use Spring JPA with PostgreSQL | Spring Boot

2. React Redux Client


For more details about:

  • Redux: A simple practical Redux example
  • Middleware: Middleware with Redux Thunk
  • Connecting React with Redux: How to connect React with Redux – react-redux example


    Project Structure

    1. Spring Boot Server


  • Class Book corresponds to document in books collection.

  • BookRepository is an interface extends CrudRepository, will be autowired in BookController for implementing repository methods and finder methods.

  • BookController is a REST Controller which has request mapping methods for RESTful requests such as: getAll, create, update, delete Books.

  • Configuration for Spring Data JPA properties in

  • Dependencies for Spring Boot and Spring Data JPA in pom.xml.

Discussion (0)