In most production webs, the data come from the remote services. So you cannot get the data right away. There are a couple of ways to handle async operations in Redux such as “redux-saga”, “redux-promise”, etc. “redux-thunk” is simple and effective for most scenarios.
Redux is good at state management and React is to create UI components. You can connect React and Redux manually but there is a great tool that makes the task in a straightforward way. It is the “react-redux” package.
It is quite complex to setup the react development environment. The “create-react-app ” package is the best bet to start the React App for your simple project. But I do not like all the settings, though. This post shows how to modify the default “create-react-app” setups.
React passes data between components through States and Props. Let’s talk about Props first.
React is, in short, nothing but creating UI components. Let’s see how we can create components in React.