Extensible React

on YouTube ↗19m

" summary

Claims a lightweight slot and fill pattern built on React portals and Fiber that makes UI, keybindings and settings hot-pluggable without Redux. Demo shows a web AutoCAD tech preview wiring toolbar, workspace, panels and a canvas extension that registers/deregisters keybindings (pressing GC focuses canvas). Implementation is a few hundred lines, uses dynamic loading and component lifecycle for imperative APIs, and the demo extensions load and work as described.

AI-written summary · about

" chapters (8)

1. 0:00Introduction
2. 1:12AutoCAD
3. 1:55Extensibility
4. 4:40React Architecture
5. 5:27React Modal
6. 9:40Demo
7. 16:25Extensions
8. 17:10Ideas

" related talks

• 35mBuilding reusable UI libraries with ReactCassidy Williams · Agent Conf 2020
• 19mPlug and Play Design: Building Extendable React ApplicationsMateusz Jagodziński · React Summit US 2025
• 21mThe Evolution of React UI DevelopmentNik Graf, Max Stoiber · ReactEurope 2016
• 29mEvolving the Visual Programming Environment with ReactJonas Gebhardt · ReactEurope 2016
• 38mWriting highly reusable React componentsJavi Velasco · React Alicante 2017
• 25mSimply ReactKent C. Dodds · React Rally 2018
• 31mModern ReactLiad Yosef · ReactNext 2019
• 20mI’m With Web Components and Web Components Are With MeGil Fink · ReactNext 2019