title: Dynamic breadcrumbs using react router
body: <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>