You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
Hello,
I'm curious whether it's possible to add exit animation for HydrateFallback.
In spa app I used to render some splash screen in the root index.html and later add .fade-out in useEffect. But in my Remix app splash screen is needed only for client-loaded routes
Since I don't control how HydrateFallback gets unmounted I'm not sure what's the best approach to achieve that.
I guess I can put useEffect inside HydrateFallback, clone splash screen before unmounting and fade out the clone. Or maybeview transition can be used... But sounds a bit over engineered
reacted with thumbs up emoji reacted with thumbs down emoji reacted with laugh emoji reacted with hooray emoji reacted with confused emoji reacted with heart emoji reacted with rocket emoji reacted with eyes emoji
-
Hello,
I'm curious whether it's possible to add exit animation for HydrateFallback.
In spa app I used to render some splash screen in the root index.html and later add .fade-out in useEffect. But in my Remix app splash screen is needed only for client-loaded routes
Since I don't control how HydrateFallback gets unmounted I'm not sure what's the best approach to achieve that.
I guess I can put
useEffect
inside HydrateFallback, clone splash screen before unmounting and fade out the clone. Or maybeview transition can be used... But sounds a bit over engineeredThank you for any tips
Beta Was this translation helpful? Give feedback.
All reactions