redux-example | A universal web application example | Server Side Rendering library

Arrow function syntax is kinda like this

Even when using material-ui, components only accept one argument. classes exists inside props. If you console.log(classes) you'll see that it contains all of your props, including material-ui's styles. It should be this:

You forget to connect mapDispatchToProps:

Version 7.0.1 of redux-sagas "now require a minimum React version of 16.8.4 or higher."

Redux itself is not restricted to just React, it's just a general global store management library that encourages a single source of truth, and the use of actions and immutability for more stable and predictable apps.

The tutorial is using the react-redux package, which is an integration of Redux for React, providing components such as Provider and HOCs such as connect. The Provider component gives the capability of providing the Redux store to any of its children, and to receive the store in a child, you connect the child to the provider.

In this pattern, you use the connect function, which takes (usually) two arguments mapStateToProps and mapDispatchToProps, and returns another function which takes in a component, to provide the store to via props.

That's the key – connect connects a component to the store by passing down the parts of the Redux store you want (specified in mapStateToProps) to a component's props, mapping the global state to props, hence the name. The same goes for dispatch and action creators. This way, we can easily provide React components the ability to access the store and dispatch actions to change the global Redux store.

Concretely, in your example, the following line is used:

This error means you are calling the setState method even after the component is unmounted. This is usually caused by the asynchronous API call. So your API call returned result after you have moved to a different page. To avoid this warning, you can set a variable to true in the component class in componentDidMount and check if that variable has true value before calling the setState method.

It took me a lot of trial and error until i found a solution which works without any exception. You can find a full working example at https://github.com/matthiaw/react-native-redux-example/blob/master/src/Components/home.js.

What worked for the button-data

Mind that Redux is just a library, so, you can continue using creare-react-app and then just add Redux, but, if you also want to automate this simple task, then, just add create-react-app-add-redux

preact/devtools has landed in version 6.4.0, but the example project uses version 4.8.0. So you need to upgrade the preact version to be able to import it: