Skip to content

Instantly share code, notes, and snippets.

@twalker
Last active September 24, 2017 02:18
Show Gist options
  • Save twalker/81d0bdb36577f99886a20442019f425d to your computer and use it in GitHub Desktop.
Save twalker/81d0bdb36577f99886a20442019f425d to your computer and use it in GitHub Desktop.
app state flow
dispatch(action) (state, action)
+-------------+ data +------------+ +------------+ +--> +------------+
| gql/bff api | +--> | Action | +--> | Store | | Reducers |
+------^------+ | Creators | +-----+------+ <--+ +------------+
| +------------+ <-+ | (newState)
+--------+ fetch(url, query) | |
| connect
| |
| |
| +-----v------+
onEvent(() => { + | Connected | select(state)
actionCreator(payload)| Component | actionCreators
)} +---+--------+
|
| +------------+
+--> Component | +
+------------+ | +
+-------------+ |
+-------------+
@twalker
Copy link
Author

twalker commented Sep 24, 2017

The implementation of Redux flow in the app. Can easily be edited with http://asciiflow.com

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment