How react fiber improves performance

if you just slice the task, execute it step by step, and update it once, the total time-consuming will not be reduced, but will increase
. If you update the view at once, then the diff will not be updated after execution, and the screen will still stutter
. But if I use the browser"s performance to view it, fiber is not only smooth, but also takes less time? What is the reason for this?

stack: https://claudiopro.github.io/.
fiber: https://claudiopro.github.io/.

Dec.17,2021

Click to check your two demo:

  1. fiber. Is it possible that your verification method takes less time? react adopts the fiber architecture as a way to exchange user experience at the expense of time. If there is no problem, the diff algorithm takes longer than the comparison time. As for how to verify, ask other partners to provide ideas. For the time being, we have not come up with a good solution. recommend blogs
  2. fiber mechanism to make browser graphics more smooth. As can be seen from performance, the fps under fiber has been kept at about 60 frames per second, but the performance of stack is relatively poor, and pfs has a red warning, as shown in the following figure:
< H2 > image.png

image.png

Menu