Horror Stories From Hacking the DOM Into a Native Platform
summary
An experimental port called React Native DOM runs JS in a worker and renders with raw DOM; concrete takeaways include a history buffer push hack to trap Android back presses by repeatedly pushing popstate entries, an SVG filter tinting workaround that regenerates filters to emulate Image tintColor (Chrome/Firefox only, Safari needs filter before image), and the pain of compiling Yoga to WebAssembly forcing async module-loading changes. Layout animations use an inverse-scale child container and per-frame keyframes to avoid child distortion; most hacks work but some browsers remain broken.
AI-written summary · about
chapters (9)
- 0:00Intro
- 1:00What is React Native DOM
- 5:22React Native Demo
- 7:10Back Handler
- 10:00PushState
- 13:30TintColor
- 17:20SVG Generation Code
- 20:15WebAssembly
- 28:10Layout Animations
