Reconciliation

What is Reconciliation in React?

Reconciliation is the process of updating the DOM to match the React elements.

React uses a diffing algorithm to determine the changes in the DOM and updates the DOM accordingly.

Ink is a project that can render React component to Terminal

Here is the render function https://github.com/vadimdemedes/ink/blob/eb18bdeb0ac4c91ae4a686774bbdedbb96bb7263/src/ink.tsx#L211

Resource

• awesome-react-renderer: A curated list of React Renderer to help you choose the right renderer for your React application.
  • e.g. react-blessed: Control terminal with React

Reference

• Legacy React Reconciliation Documentation
• react-reconciler
• Building a Custom React Renderer | Sophie Alpert