Refactor legacy code, Vue that was easy!
summary
Claim: legacy jQuery and AngularJS can be migrated incrementally to Vue using two concrete strategies and real tooling. One strategy builds Vue components and exports them as web components via Vue CLI; another uses a Vue “orchestrator” with Vue Router and Vuex plus factory wrappers and dynamic imports to mount legacy SPAs. A contact-button web component ships in two days, an AngularJS SPA integrates into a Next/Vue site in production, and the project spans 150–170 components and ~100,000 lines of code that runs (Next build ~1.5GB RAM).
AI-written summary · about
chapters (27)
- 0:00Intro
- 0:30Who am I
- 2:00Master all your courage
- 2:23One view per day
- 2:53Vue Orchestrator
- 3:39Vue per day
- 4:20When to refactor
- 4:49Practical step
- 5:30Pros and cons
- 6:36Strategy overview
- 7:13Why
- 7:42Internals
- 8:15Transformation
- 9:12Success
- 9:54Why web component
- 10:57Why Vue castrator
- 11:33When to use this strategy
- 12:53Cons
- 13:34Case study
- 15:05Why refactor
- 16:53Code
- 19:40Strategy
- 22:17Demo
- 23:36Integration with jQuery
- 25:41Advanced Example
- 29:04Coding
- 31:07Advantages
