We have built a React Application that connects with Redux, then filter with input text and sort list of items. In this tutorial, we continue to create a Form for adding item to list using react-redux.
Category: React
How to sort list – react-redux example
We have created a React Application that connects with Redux, then filter list of items with input text. In this tutorial, we continue to sort that list using react-redux.
[Continue reading…] “How to sort list – react-redux example”
How to filter list with input text – react-redux example
We have created a React Application that connects with Redux. In this tutorial, we’re gonna filter list of items with input text using react-redux.
[Continue reading…] “How to filter list with input text – 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.
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 Reducer example – filter & sort data
In this tutorial, we’re gonna look at how to use Redux Reducer to filter & sort data.
Related Post: Redux combineReducers example
[Continue reading…] “Redux Reducer example – filter & sort data”
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
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”
React Router v4 – How to get Params from Url example
In this tutorial, we’re gonna look at React example that uses Router v4 for getting Params from Url.
[Continue reading…] “React Router v4 – How to get Params from Url example”
React Router v4 example
In this tutorial, we’re gonna look at React example that uses Router v4 for implementing navigation.
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 Modal example
In this tutorial, we’re gonna add a React Modal to Note Application. It appears every time we click on a Note item.
Related post: Build & run React Application with Webpack – React Webpack example
More practice: 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”