DEV Community

loading...

Spring Boot + React Redux + MySQL CRUD example

loizenai profile image loizenai ・3 min read

https://grokonez.com/spring-framework/spring-data-rest/spring-boot-react-redux-mysql-crud-example

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

Related Posts:
- How to use Spring JPA with MySQL | Spring Boot
- Spring Boot + React Redux + MongoDb CRUD example
- Spring Boot + React Redux + Cassandra CRUD example
- Spring Boot + React Redux + PostgreSQL CRUD example
- How to connect React with Redux

Technologies

- 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

- MySQL 5.7.16

Overview

react-redux-spring-boot-mysql-crud-example-result-show-books

1. Spring Boot Server

react-redux-spring-boot-mysql-crud-example-spring-server

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

2. React Redux Client

react-redux-spring-boot-mysql-crud-example-react-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

Practice

Project Structure

1. Spring Boot Server

react-redux-spring-boot-mysql-crud-example-spring-server-structure

https://grokonez.com/spring-framework/spring-data-rest/spring-boot-react-redux-mysql-crud-example

Discussion (0)

pic
Editor guide