There are a number of ways to accomplish this, potentially using use directives. Svelte has a handy little transition directive that makes it convenient. Not asking for that level of convenience, but what's the best way to do simple animations like that, taking advantage of the APIs exposed by Solid ?
#Best way to do simple transition animations like fade in/out and fly in/out ?
full yew
And what would be the method by which you can hold some component from destroying its DOM element until the animation is finished while at the same time de-coupling it from its reactivity?
agile tree
solid-transition-group and motionone/solid are worth checking out
agile tree
And what would be the method by which you can hold some component from destroyin...
no element is destroyed necessarily, it's released from memory if not used anymore.
but you can hold onto it's reference and still render it, when though the reactivity graph is disposed