React Beyond the DOM
summary
Shows how to build a custom renderer with the official react-reconciler package, implementing createInstance/createTextInstance, prepareUpdate/commitUpdate, and producing a JSON tree for an HTML→Markdown renderer that supports lists and tables; demos convert edited HTML to Markdown live and the demo survives onstage. Also wires React to the Real World by controlling IoT lights via a QuickJS sandbox runtime for third‑party apps and uses XState to run a timed traffic‑light state machine.
AI-written summary · about
chapters (8)
- 0:00Introduction to React beyond DOM
- 3:56Building custom React renderers
- 8:13Demo: HTML to Markdown converter
- 10:50Demo: IoT device control
- 16:01Demo: Real-world interfaces
- 18:00Why render to different targets
- 19:51Use case: Secure CRM ecosystem
- 20:54Future possibilities with React
