Redux is an improvement over Flux architecture, the goal is provide a life cycle for the application. It is data driven with few templates with well defined purposes.
- actions: action dispatch data changes triggered from view
- reducer: receive action result and change data state (
createStore(reducers)) - container: it’s same as view component used differently, this component connects with store using redux lib (
connect()(component)), usually contain view components for presentation - view: react to state changes and update markup, this is the react lib, also trigger actions (
dispatch(action))
- helps debug techniques with hot reloading
- snapshot of states with immutability
- can use relay to connect with db and handle data with graphql