Adding visible state to Suspense Fallback component to enhance CSS transitions.

[jimmy-e]

Do you want to request a feature or report a bug?
Feature I suppose.

What is the current behavior?
Suspense fallback component flashes on and immediately unmounts (flashes off) when fetching is complete. See similar discussions here and here.

What is the expected behavior?
It would be ideal to add better transitions to the fallback component when it mounts and unmounts, but doing so requires using something like TransitionGroup or Framer Motion, which require a prop to listen to know when to mount and unmount. If we could somehow have the fallback component receive some kind of state from Suspense on when it is mounting and unmounting the fallback component, that would be great.

[yanickrochon]

You might be interested with the new useTransition that will most likely make it as an official React hooks. Personally, I have implemented my own meanwhile, and will refactor later.

[jimmy-e]

Thanks @yanickrochon but the useTransition hook doesn't seem to be able to have Suspense communicate to the fallback when the fallback is getting mounted and unmounted, unless I am missing something?

[stale]

This issue has been automatically marked as stale because it has not had recent activity. It will be closed if no further activity occurs. Thank you for your contribution.

[stale]

Closing this issue after a prolonged period of inactivity. If this issue is still present in the latest release, please create a new issue with up-to-date information. Thank you!

[gaearon]

This is something we're interested in. Want to write an RFC? https:/reactjs/rfcs

[jimmy-e]

@gaearon on it, will try to take write up this weekend.

[jimmy-e]

@gaearon , RFC has been written here, thanks!