I'm currently trying to create a 'super app' - which is made up of many different apps.
To start - I'm working out the navs /breadcrumbs etc (Which is a bit of a clunky challenge - would appreciate any guidance on how best to do this, seems quite unintuitive)....
However - I notice when i click between apps I get a flicker on my side bar /nav - does anyone get this and does anyone know why /how to avoid?
Still happening for me. When running an event handler to go into another app, it'll flash white across the screen, re-appear the first app and then jump into the other. It's jarring.
The reload of the first app was not happening before. I noticed that my url is going crazy when there are hash parameters.. I wonder if this is causing the issue.
Thank you both. It sounds like there was a few iterations of this issue - some of which have been fixed, but our team is aware and still investigating this
Any news on this? I haven't found a way to avoid it. The behavior is that as soon as the new app url is in the address bar, the page blinks, and after that it opens the actual page.
I see. It is quite disturbing being that this is a very basic behavior (and it used to work OK... this is a recent development).
Anyway, aside from having multi-page apps, do you see any other solution?
The reason for this flicker is fairly complex. Retool is built with React/Redux and there are a bunch of small steps which are triggered and run when loading pages and specifically when the page changes.
The flickers are not 'suppose' to happen, but this behavior is the byproduct of components asynchronously fetching and loading data. The old page flashing before the new page loading is due to our web pages loading on the client side and a byproduct of the app's frontend being designed for single page applications.
*There are many resources on HTML 'painting' as well as design patterns for building multipage apps to avoid this behavior if you are looking to code up and React/Redux app from scratch *
*For all intensive purposes with Retool, we are currently demoing out internally out new 'multi-page' app which is designed with the best patterns in mind so as to avoid this issue. There isn't anything that can be done in the short term to change how the new app loads when the previous page was another Retool app *
We shipped a fix where url params were causing a flashing behavior when navigating between apps
I also want to note that multipage apps are now in public beta for Cloud (https://docs.retool.com/apps/guides/multipage). I highly encourage checking out multipage apps if your use case includes linking to different Retool apps
In which version will this be resolved? I'm on 3.75.10 selfhosted, but the issue is still there and it is very annoying. I don't want to and can't use multipage beta in our environment. Some of our apps user url params which is not possible with multipage apps or would require apps to be re-written.