Back to articles
React Fiber, react-quill, and Why Component Architecture Is the Whole Point

React Fiber, react-quill, and Why Component Architecture Is the Whole Point

via Dev.to ReactJalaj Bankar

A session that goes under the hood of React itself. Most developers use React without ever knowing how it actually schedules and renders work. This changes that. ** React Fiber** — A Complete Rewrite, Not Just an Update React Fiber landed in React v16 and it wasn't a new feature — it was a ground-up rewrite of how React does its work internally. The old system had long-standing issues that couldn't be patched. Fiber fixed them properly. The core idea: every component now has its own Fiber — also called a Unit of Work. What you see rendered on screen is called Finished Work. The Fiber is the behind-the-scenes representation, the Finished Work is what actually made it to the DOM. The Old Problem — Stack Reconciler The old reconciler used a Stack data structure. Stacks are synchronous by nature — last in, first out, and you can't stop in the middle. Once React started rendering a tree, it had to finish the whole thing before doing anything else. Imagine a large component tree rendering an

Continue reading on Dev.to React

Opens in a new tab

Read Full Article
2 views

Related Articles