Saman Abbasi

In my work at MTN Irancell, we are building a Camunda-based workflow platform on top of bpmn-io Form-JS, a form engine that is rendered in Preact. The first time I had to bring a React component inside that Preact tree, it took me 2 weeks. I faced the famous "h is undefined" error one hundred times, two copies of React in memory, hooks failing, and re-render fights between Preact and React owning the same DOM. In this talk I will show the bridge I designed to solve all of this in production, with a live demo on stage where I mount a React component inside a Preact form engine in front of you.

React re‑renders components on every state change. Signals write directly to the DOM – no re‑renders, no reconciler. I built four npm packages that run unmodified React components on signals. Live demo: building a signal from 3 lines of code, then flipping a real React app onto the signal engine. 123 tests pass.

A signal is just a function that writes down who called it. In 20 minutes, we build that idea from nothing into a working reactive system — then show how it became four npm packages that run unmodified React components without a virtual DOM, no re-renders, no reconciler, backed by 123 passing tests.