This is the "Redux manufacturing" project, which simulates a warehouse that accepts orders, prepares them for delivery, and ships them. It's built with React and Redux.
The project starts with an existing codebase built without Redux. We'll integrate Redux and react-redux
, move the component-level functions into reducers, and define actions to be dispatched from the component to make these state changes happen.
A number of functions are defined in the top-level component, App.js
. These functions are passed in as props to various components, and are called to update the App
component's state.
We need to move each of these functions into the Redux reducer function, ensure that they are pure functions, and define the appropriate actions (and constants) to be able to dispatch those actions from components.