Any good example to demonstrate the difference between createMemo vs createComputed and createEffect vs createRenderEffect ?

[cyfung1031]

Any good example to demonstrate the difference between createMemo vs createComputed and createEffect vs createRenderEffect ?

[AFatNiBBa]

Check this playground

[cyfung1031]

Check this playground

Nice! This is good.

Regarding

(I don't know why but `createComputed()` will be runned before `createMemo()`)

modified

In PART B of the above code, I swapped 6, 7, and 8, then 3 will be executed first. (seems "createComputed" is affected by "createRenderEffect")

[wegylexy]

In PART B of the above code, I swapped 6, 7, and 8, then 3 will be executed first. (seems "createComputed" is affected by "createRenderEffect")

I tried inserting more createComputed at various places. It seems that both createdComputed and createMemo run mixed together in the same batch as if they are optimized in a hash map and lost their original order. But it was a quick random test, not conclusive.

Hope the author provides a lifecycle diagram, or indicates what may be undefined (if Ryan wishes to leave himself with future flexibility).