Yahoo flux flow

ServerRender

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