Tutorial by Examples

To easily link your Redux store to your React components you can use an additional library: react-redux. First, you need to wrap your app in a Provider, which is a component that passes your store to be used by child components: import { Provider } from 'react-redux'; /// ... store = createStor...

After you wrapped your app into provider you can use connect function to subscribe your component to store changes and provide mapping between Redux state properties and React components' properties: import { connect } from 'react-redux'; const MyComponent = ({data}) => ( <div>{data...

In your redux store you hold the raw data. Some times the raw data is all you need, but other times you need to derive new data from the raw data, often by combining parts of the raw data. A common use case for deriving data is filtering a list of data based on a criteria, where both the list and t...