I have a complex website where you can go into your workspace, you have a sidebar that you can use to navigate through your workspace and then do different activities on different pages navigated through sidebar.

I would like to implement many workspaces that you can go in seamlessly, instead of just workspace being active.

I was thinking in two directions:

1. Having complex state, where I would put display none on unused tabs to not lose what is user is doing, but that is performance nightmare.
2. Conditionally rendering different tabs would make user lose any progress with any activity not being sent to backend, like drawing on canvas, filling out input and so on.

I basically need to implement browser-like tab system in React Js. Is this even possible, what direction should I been looking at and are there any similar implementations that I can look at.

Thanks.