Writing Your Own React Renderer
summary
Builds a custom renderer with the react-reconciler package, implements the hostConfig callbacks like createInstance appendChild finalizeInitialChild and maps JSX types to a song/note custom types model. Creates a Song class with render and addNote methods, converts created elements into MIDI via a Web API wrapper and runs a live MIDI playback demo to prove it works. Shows enough code to reproduce the renderer and the react-reconciler wiring.
AI-written summary · about
chapters (5)
related talks
28mBuilding a Custom React Renderer
01h 08mReact Reconciler: How to Write Your Own Renderer
19mBuilding custom renderers with React
21mReact Beyond the DOM
45mWorkshop: Building a game in React and diving into react-reconciler (Part 2)
01h 03mWorkshop: Building a game in React and diving into react-reconciler (Part 1)
27mMixed Mode React
35mReact beyond markup