React Router v4 Combine transições usando React Motion

Estou adorando RR4 e RM, já existem ótimos exemplos para o React Router V4 (https://github.com/ReactTraining/react-router/tree/v4/website/examples), mas estou lutando para entender como posso usar a nova API V4 para fazer a transição entre diferentes correspondências no meu roteador com o React Motion, entrando e saindo entre as minhas 'páginas'.

Tentei entender como o exemplo de transição funciona com o MatchWithFade, mas estou sentindo falta de como fazer isso e aplicá-lo a várias correspondências que representam a estrutura da minha página.

Como exemplo: dada a configuração de duas rotas no meu roteador, como posso montar e desmontar a movimentação e o movimento de reação com o TransitionMotion?

<Router>
  <div>
    <Match pattern="/products" component={Products} />
    <Match pattern="/accessories" component={Accessories} />
  </div>
</Router>

Qualquer ajuda seria muito apreciada.

questionAnswers(1)

yourAnswerToTheQuestion