title: Managing Multiple Pages for React Application
body: <p>We have flask/python based application and everything about the application is managed by flask (including user sessions, URLs, etc).</p>
  
  <p>Now we are building one UI component for the application which is built using reactjs. So, we build the react bundle (bundle.js), and render it inside a page in our flask application. This works well.</p>
  
  <p>Our problem is this - The next version of our react app has multiple screens. And the user generally goes from one screen to the next in a flow and sometimes may want to access a particular screen directly.</p>
  
  <p>My question is - How we we manage these multiple pages without losing performance or having to reload the react component while changing screens? It's important for us that flask continues to manage the main URLs. Also, I don't mind if the react screens don't have a URL as long as I can traverse between the screens through links within the react component.</p>
  
  <p>I've tried to show the structure of our app in the below diagram:</p>
  
  <p><a href="https://i.stack.imgur.com/hwaGD.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/hwaGD.png" alt="enter image description here"></a></p>