info
This blog will explain React Fiber Internal Algorithms, we will:
- Revisit how React diff works
- Problems with Tree Traversal
- Morris Traversal
It's recommended to have a basic understanding of React, virtualDOM, and diff before reading this blog.
You can first experience the difference between React Fiber (v17+) and pre-Fiber (v16) by playing with the playground below:
You can tell a huge difference between the two versions, the old reconcilor is very slow, but the fiber one is very smooth.
