Skip to content

Instantly share code, notes, and snippets.

@ptomasroos
Last active August 29, 2015 14:07
Show Gist options
  • Save ptomasroos/5d347c6ba98365eb6878 to your computer and use it in GitHub Desktop.
Save ptomasroos/5d347c6ba98365eb6878 to your computer and use it in GitHub Desktop.
Yahoo flux flow
https://www.websequencediagrams.com/
title First navigation
opt server response
Browser->Express: GET /url
Express->Context: executeAction(navigate({ path: /url }))
Context->NavigateAction: Invoke
NavigateAction->ModelStores: Dispatch 'CHANGE_ROUTE_SUCCESS'
ModelStores->ModelStores: Set state
Express->React: renderComponentToString
React->Component: getIntialState
Component->ModelStore: getState
React->Component: render
loop text
Component->Component: render childs
end
Component->React: html response
React->Express: html response
Express->Browser: html response
end
opt rehydrate (if js enabled)
Browser->Client: create
Client->Application: create from serialized state
Application->Store: rehydrate
Application->Component: render
end
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment