5 ms·
The "work" is the arbitrary JavaScript in the `render()` function. In Concurrent mode, a `render()` function that renders 1000 children can now be interrupted "
by joe_hoyle 7y ago
The "work" is the arbitrary JavaScript in the `render()` function. In Concurrent mode, a `render()` function that renders 1000 children can now be interrupted "between" renders of all those children.
It's akin to doing `Header( LoginLink( GetLoginName() ) )` versus
```
Header();
check_for_interrupt();
LoginLink();
check_for_interrupt();
...
```
The interrupt between rendering components (pieces of work) can now cancel the whole render operation (because say, the parent component has now been updated / wants to be re-rendered), or can pause the render tree while something like a high-priority animation frame is rendered.