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.

Related Posts:
How to filter list with input text – react-redux example
How to sort list – react-redux example
Add Item Form – react-redux example
How to test React Redux application with Jest

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

[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.

Related Post: How to connect React with Redux – react-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”