Estou criando um aplicativo de página única com o React e o Backbone e estou tentando descobrir as práticas recomendadas para lidar com a navegação entre o conteúdo do aplicativo. Meu aplicativo terá uma barra lateral com links, por exemplo, para "fotos" e "configurações". A barra lateral está sempre presente; portanto, ao clicar em "configurações", desejo que o componente de configurações seja renderizado sem que a página inteira seja recarregada. O Slack é um ótimo exemplo do que estou procurando, onde clicar em um canal diferente alterna o conteúdo da conversa, mas não recarrega a página inteira.

Eu tive algumas idéias sobre como implementar isso, mas não tenho certeza do que é melhor:

Tenha um componente de reação geral (console.jsx) que aceite um parâmetro de url como suporte para determinar qual conteúdo (fotos ou configurações) renderizar.

ou 2. tenha um componente de reação geral e defina uma variável de estado que represente qual conteúdo renderizar.

Qualquer ajuda seria muito apreciada!