`Suspense` deep dive 🐬
I am dealing with some inconsistencies in how Suspense works between react vs solid while working on #solid-three. I wanna check up if my understanding of their mechanics is correct:
-
-
-
-
-
-
-
-
react
- In react, aSuspenseuseEffectuseLayoutEffect-
<Suspense><div>{resource()}</div></Suspense>-
<Suspense>{() => { resource(); return <></> }</Suspense>-
<Suspense><Component prop={resource()}></Suspense>-
<Suspense>{() => { useLayoutEffect(() => resource()); return <></> }</Suspense>solid
- In solid, aSuspenseSuspensecreateRenderEffectcreateMemoSuspensecreateEffectonMountcreateRenderEffectcreateMemo-
<Suspense><div>{resource() || resource}</div></Suspense>-
<Suspense>{() => { resource(); return <></> }</Suspense>-
<Suspense><Component prop={resource() || resource}></Suspense>createRenderEffectcreateMemo-
<Suspense>{() => { createRenderEffect(() => resource()); return <></> }</Suspense>
