Dynamic breadcrumbs using react router
<p>There is very good example of how to make a <a href="https://github.com/rackt/react-router/blob/master/examples/breadcrumbs/app.js" rel="noreferrer">breadcrumbs on site in examples folder of react-router repo</a>. But I'm wondering how to make breadcrumbs with dynamic routes.</p>

<p>Assume we have this configuration:</p>

<pre><code>ReactDOM.render((
&lt;Router history={browserHistory}&gt;
    &lt;Route path="/projects" component={ProjectsApp}&gt;
        &lt;IndexRoute component={ProjectsDashboard} /&gt;
        &lt;Route path=":projectId" component={ProjectBoard}&gt;
            &lt;Route path=":taskId" component={ProjectTaskBoard}&gt;
        &lt;/Route&gt;
    &lt;/Route&gt;
&lt;/Router&gt;
), document.getElementById('app'));
</code></pre>

<p>I want to make something like this:</p>

<p><em>Projects(link to '/projects') -> MyAwesomeProject (link to '/projects/11'. Title taken from somewhere (from store by id from routeParams or by another way)) -> MyTask (link to '/projects/11/999')</em></p>

<p>How can I achieve this result? Are there any best practices? Thanks.</p>