I built a frankenstein-monster: 3 Stories of migration

on YouTube ↗50m

" summary

Three concrete migration stories claim one result: get complete‑rewrite quality with gradual delivery speed by using Frankenstein migration. The recipe uses Web Components + Shadow DOM as isolation, micro‑services boundaries, Git submodules, Webpack/Babel tweaks, event retargeting for React inside Shadow DOM and optional polyfills; examples show a 1.5‑year stalled rewrite, a four‑month Polymer rework and a working TodoMVC Frankenstein demo. The demo and code prove it builds and runs, but asset duplication and bundler config require careful attention.

AI-written summary · about

" chapters (9)

1. 0:00Start
2. 2:47MAGIC
3. 4:421. Re-fresh Design
4. 10:38Depression
5. 15:08Outcome
6. 20:15FRANKENSTEIN MIGRATION
7. 32:09Migrator's toolset
8. 44:22jQuery plugins
9. 46:05APPROACH

" related talks

• 01h 03mI Built a Frankenstein: Three Migration StoriesDenis Mishunov · HolyJS Piter 2019
• 51mDeconstructing Web frameworks for a more resilient code baseHubert Sablonnière · Voxxed Days CERN 2019
• 25mMicro Frontend: a microservice architecture from your frontend web appsWilson Mendes · JSConf.Asia 2018
• 32mFrom Monolith to Micro FrontendJuan Carlos · Micro Frontends Conference 2024
• 24mIncremental rewrites with React, HTMX, and TanStack StartSwizec Teller · Commit Your Code 2025
• 48mMicrofrontend Architecture – technical implementation.Reinis Pakers · DevClub.lv 114th Frontend focused event
• 24mMicrofrontendsDavid den Toom · React Live 2019
• 01h 00mUsing Monorepos for Scalable AppsJames Henry, Dylan Johnson, Mike Haas · ng-conf 2019