There are plenty of use-cases for single-page apps sharing elements of state between different views. Sometimes (often?) you might want those views to be distinct routes. For a small project, pulling in redux or another flux-like can seem like a bit much. So how can we share a set of properties that lives in state between our various view routes using React and React Router?
Let's say we have a routing component structure somewhat like this:
<Router history={hashHistory}>
<Route path="/" component={Home} >
<IndexRoute component={Profile} />
<Route path="profile" component={Profile}/>
<Route path="host/:eventId" component={HostApp}/>