Redux
Redux is a widely-used library for maintaining state in JavaScript applications. It is widely used in React.
The following diagram shows the Redux data flow model.
The components:
- state is contained in the store. This is a global source of truth of the application state, and makes it easy to reason about the state of the application
- the UI updates whenever the store updates. We use React to render the updates; React calculates when an actual update to the UI is required
- any user interaction results in an action, which is passed around the application
- the reducer accepts all the actions and updates the store appropriately
- middleware may intercept any actions and act on them as well. This is typically used for asynchronous communications - in our case with the control system server