World Congress 2023 Aug 11, 2023

Defeat that legacy monster! Guerilla refactoring with web standards

Peter Kröner

Treat legacy systems as hostile entities rather than standard code. Exploit native Web Components and ancient browser quirks to reclaim your web application through guerrilla warfare.

Pause
Mute Enter Fullscreen
#1 about 4 min

Recognizing the symptoms of a broken legacy web project

How ancient technologies and rushed patterns turn maturing applications into unmaintainable spaghetti code.

#2 about 3 min

How the inevitable march of time breaks software patterns

Why reasonable architectural decisions naturally decay as business goals and frameworks evolve over time.

#3 about 3 min

Treating unmaintainable codebase systems as active software adversaries

Why large legacy projects must be handled as hostile systems actively fighting against modern enhancements.

#4 about 3 min

Using fundamental web standards for guerrilla codebase refactoring

Exploiting the reality that all complex frameworks must eventually compile down to universally supported web standards.

#5 about 4 min

Isolating functionality with shadow DOM and private web components

How to build parallel application states using modern element encapsulation to avoid restrictive legacy constraints.

#6 about 5 min

Exploiting legacy HTML standards to bypass framework component restrictions

Leveraging ancient browser interfaces like the background color attribute to force modern solutions into rigid systems.

#7 about 3 min

Injecting modern code using synchronous document writing and iframes

Utilizing archaic scripting execution methods to shoehorn contemporary components directly into the document parser.

#8 about 2 min

Executing a progressive strategy to subvert monolithic legacy projects

A practical blueprint for replacing sections of an old system until a full rewrite becomes viable.

#9 about 3 min

Addressing browser support for legacy capabilities and modern frameworks

Insights into the deprecation behaviors of browser engines and the long-term maintainability of component frameworks.

Matching moments

3:28 min

Managing technical debt in legacy web applications

Robby Russell · Coffee With Developers

5:33 min

Applying the strangler fig pattern to legacy frontends

Alexander Günsche Alexander Günsche · LIVE

1:43 min

Incremental frontend modernization avoiding full rewrites

Alexander Günsche Alexander Günsche · LIVE

1:40 min

The burden of backward compatibility in web development

JS Congress

12:27 min

Balancing rapid framework innovation against stable web platform standards

Chris Heilmann +2 · LIVE

6:39 min

Analyzing outdated code practices and markdown rendering limitations

Chris Heilmann +2 · LIVE

Upcoming sessions on this topic

Open session

World Congress 2026 North America

Offloading IoT State: Solving the Memory Crisis on Legacy Hardware

Pravin Nagare

Senior Software Engineer, Roku

Pravin Nagare
Open session

World Congress 2026 North America

From Legacy to Longevity – How a 17-Year-Old System stayed Modern

Alexander Arians

Empowering Engineers to drive innovation

Alexander Arians
Open session

World Congress 2026 North America

When Humans Stop Writing Code: Rethinking Languages, Compilers, and Responsibility

Simon Auer

Organizer of flutter vienna meetup and CEO of marqably

Simon Auer
Open session

World Congress 2026 North America

Fast by Design: A Masterclass in High-Performance Web Engineering

Aaron Grogg

Senior web developer, committed to improving the user experience by improving web performance

Aaron Grogg
Open session

World Congress 2026 North America

One Repo, One Strategy: Scalable Full-Stack Testing in a Monorepo World

Paweł Matynia, Bartosz Leczycki

Paweł Matynia
Bartosz Leczycki
Open session

World Congress 2026 North America

Architecting AI in Angular: WebMCP, A2UI, and the Agent Experience

Ankita Sood

Sr. Principal Engineer @ Secureworks | Angular GDE

Ankita Sood