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 Post: How to use Spring JPA with MySQL | Spring Boot

[Continue reading…] “Spring Boot + React Redux + MySQL CRUD example”

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

[Continue reading…] “Spring Boot + React Redux + PostgreSQL CRUD example”

Spring Boot + React Redux + Cassandra CRUD example

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

[Continue reading…] “Spring Boot + React Redux + Cassandra CRUD example”

Spring Boot + React Redux + MongoDb CRUD example

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

[Continue reading…] “Spring Boot + React Redux + MongoDb CRUD example”

React Redux Firebase Authentication – Google Account Sign in/Sign out example

In this tutorial, we’re gonna add Firebase Authentication to a React Redux Application with Google Account Sign in/ Sign out.

Related Posts:
How to use Firebase Database CRUD Operations in React Webpack
React Redux – Firebase CRUD Operations example

[Continue reading…] “React Redux Firebase Authentication – Google Account Sign in/Sign out example”

Firebase Database CRUD Operations in React Webpack

Firebase Realtime Database is a cloud-hosted database that helps us to store and sync data with NoSQL cloud database in realtime to every connected client. In this tutorial, we’re gonna integrate Firebase into React Webpack, then we will look at way to make CRUD operations with Firebase Realtime Database.

More Practice:
React Redux – Firebase CRUD Operations example
React Redux Firebase Authentication – Google Account Sign in/Sign out example

[Continue reading…] “Firebase Database CRUD Operations in React Webpack”

Get Param from Url & create Edit Item Form – react-redux example

We have built a React Application that connects with Redux, then filter with input text and sort list of items. We also created Form for adding new item. In this tutorial, we’re gonna use that form to edit and update item with id param getting from Url using react-redux and React Router v4.

[Continue reading…] “Get Param from Url & create Edit Item Form – react-redux example”

How to connect React with Redux – react-redux example

We have created a React Application with React Router v4, then we also learned how to use Redux to manage state in Redux combineReducers example and Redux Reducer example – filter & sort data. In this tutorial, we’re gonna combine all of them by connecting React with Redux using react-redux.

[Continue reading…] “How to connect React with Redux – react-redux example”

Redux combineReducers example

From Redux Introduction, we know that there is only a single Store in a Redux application. When we want to split data-handling logic, we will combine Reducers instead of using many Stores. This tutorial shows you way to use Redux combineReducers() function in a Redux example.

Full example with filtering and sorting: Redux Reducer example – filter & sort data

[Continue reading…] “Redux combineReducers example”

Introduction to Redux – a simple practical Redux example

In this tutorial, we’re gonna introduce main concept of Redux: what it is, how to work with Redux Store, Action, Reducers. Then we will practice to understand all of them in a simple practical Redux example.

[Continue reading…] “Introduction to Redux – a simple practical Redux example”

Style React Application – apply SCSS/CSS files to React with Webpack

In this tutorial, we’re gonna look at how to style a React Application (apply SCSS/CSS files to React Application) with Webpack.

Related Posts:
Build & run React Application with Webpack – React Webpack example
React Modal example

[Continue reading…] “Style React Application – apply SCSS/CSS files to React with Webpack”

React Application with Babel Transform Class Properties Plugin

Babel is a JavaScript transpiler that allows us to write modern JavaScript and compile it into syntax browsers can understand. We now can refactor React code in a beautiful way. This tutorial shows you how to use Babel Transform Class Properties Plugin in a React Application.

[Continue reading…] “React Application with Babel Transform Class Properties Plugin”