React renderers

🌱 This post is just budding and will be updated.

Live notes on creating a custom renderer in React.

Creating a renderer

To create a React renderer you implement the react-reconciler package:

Renderer vs reconciler

Sometimes renderers are incorrectly called reconcilers but reconciliation and rendering are separate things. The reconciler (which is React internal) determines which part of a tree has changed, while renderers use the reconciled tree to render the app. (1, 2, 3)

A few renderers

More reading: