Скачать или смотреть React Internals Deep Dive 4 - How does useEffect work internally?

In this video, we'll dig into how useEffect() works.
To summarize
1. in rendering phase, each fiber has the right Flags set indicating if it has useEffect being called or not
2. in commitBeforeMutationEffects, a task to run the effects is scheduled if found any
3. in commitLayoutEffects, effects from each fibers are collected into an array
4. when commitRoot is done, the scheduled task to run effects are triggered.

Since nextEffect in commitRoot are connected in completeUnitOfWork, so child is before parent, thus callbacks in useEffect in children are triggered earlier than parents'

Check out my blog for this episode: https://jser.dev/2023-07-08-how-does-...

Memo: https://github.com/JSerZANP/react-sou...

Hi I'm a JavaScript engineer who is not good at algorithms,
and currently practicing leetCode & BFE.dev. If you are interested, maybe we can learn together.