<h3 id="heading-reconciliation">Reconciliation</h3>
<p>Reconciliation is algorithm which React.js uses to differentiate one tree with another to determine which parts need to be changed. Basically it keeps the track of UI and data layers when there is diff in both layers react uses virtual DOM and updates the changes by re-rendering the specific component.</p>
<h3 id="heading-react-fiber">React Fiber</h3>
<p>React Fiber is used to increase React's suitability for areas like animation, layout, and gestures. Its headline feature is incremental rendering: the ability to split rendering work into chunks and spread it out over multiple frames.<br />Basically react fiber is a architecture which splits the work and updates the only component that needs to change.</p>
<p><img src="https://dev-to-uploads.s3.amazonaws.com/uploads/articles/5fu7s6rledwlhsdqbc0z.jpeg" alt="Image description" /></p>


### Reconciliation

Reconciliation is algorithm which React.js uses to differentiate one tree with another to determine which parts need to be changed. Basically it keeps the track of UI and data layers when there is diff in both layers react uses virtual DOM and updates the changes by re-rendering the specific component.

### React Fiber

React Fiber is used to increase React's suitability for areas like animation, layout, and gestures. Its headline feature is incremental rendering: the ability to split rendering work into chunks and spread it out over multiple frames.  
Basically react fiber is a architecture which splits the work and updates the only component that needs to change.

![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/5fu7s6rledwlhsdqbc0z.jpeg align="left")

React Fiber vs Reconciliation in ReactJS

Table of contents

Reconciliation

React Fiber