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
Renderer vs reconciler
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
- react-dom: renders components to the DOM.
- react-native-renderer: renders components to native views.
- ink: renders components to the command-line.
- react-three-fiber: renders three.js in a React environment.
Last update: August 22, 2020