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
I'm a recent Remix convert. I love how easy it is to extend Remix to your needs, but one thing I'm really missing is the ability to do proper page transitions. While I understand that this is not a Remix issue, as mentioned here, I wish that Remix had some animation primitives (animated Outlet) to unlock this functionality.
Currently, the official Framer Motion example doesn't fully work. It breaks as soon as you have data coming from a loader and doesn't do exit animation.
I've found a previous proposal for React Router V6 here, but I'm wondering if this has been abandoned with the recent introduction of the View Transition API?
Apparently, the Next.js app directory is also struggling with this, even though they have a specific Template page that is supposed to help with animation.
So I'm wondering if this is a limitation from React, SSR, and RSC or if it's something that could be done in the future.
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
-
I'm a recent Remix convert. I love how easy it is to extend Remix to your needs, but one thing I'm really missing is the ability to do proper page transitions. While I understand that this is not a Remix issue, as mentioned here, I wish that Remix had some animation primitives (animated Outlet) to unlock this functionality.
Currently, the official Framer Motion example doesn't fully work. It breaks as soon as you have data coming from a loader and doesn't do exit animation.
I've found a previous proposal for React Router V6 here, but I'm wondering if this has been abandoned with the recent introduction of the View Transition API?
Apparently, the Next.js app directory is also struggling with this, even though they have a specific Template page that is supposed to help with animation.
So I'm wondering if this is a limitation from React, SSR, and RSC or if it's something that could be done in the future.
Beta Was this translation helpful? Give feedback.
All reactions