Peter Kröner
Defeat that legacy monster! Guerilla refactoring with web standards
#1about 2 minutes
Understanding the nature of legacy project monsters
Legacy projects are often more than just broken software; they can be an enemy that grows stronger with every new feature added.
#2about 5 minutes
How good intentions lead to broken legacy projects
Projects become legacy messes over time because initial technology and pattern choices are made with incomplete information about the future.
#3about 2 minutes
Adopting a guerrilla warfare mindset for refactoring
Instead of negotiating with an unmaintainable system, declare a war of attrition to subvert it by exploiting its reliance on web standards.
#4about 4 minutes
Creating modern code islands with web components
Web components allow you to build encapsulated features with private state and DOM, creating a safe space away from the legacy project's influence.
#5about 5 minutes
Weaponizing old and obscure browser features
The browser's commitment to backward compatibility means even ancient features like the BGCOLOR attribute can be used as tools to fight legacy constraints.
#6about 3 minutes
Injecting components using the document.write hack
When a legacy framework blocks custom elements, you can use the ancient `document.write` method inside a script tag to inject them directly into the HTML parser.
#7about 3 minutes
A step-by-step battle plan to defeat legacy monsters
Combine modern web components with old browser hacks to incrementally add new functionality, connect it via message passing, and ultimately replace the old system.
Related jobs
Jobs that call for the skills explored in this talk.
Featured Partners
Related Videos
The year 3000, a brief history of Web Development
Lorenzo Pieri
Frameworkless: How to use Web-Components in production?
Tobias Münch
Seven Myths, Three Reasons, One Goal
Stefan Priebsch
Interface Contracts in Microfrontend Architectures
Alexander Günsche
From boy scouting to redrawing the landscape
Tim te Beek
Keep your code refactorable
Gerrit Stapper
Best of the Worst – the most awful anti-features in JavaScript, ranked!
Peter Kröner
Get ready for new features - the legacy challenge
Hans Hosea Schäfer
From learning to earning
Jobs that call for the skills explored in this talk.






Senior PHP Developer - Delft, NL (no sponsorship)
Online Payment Platform
Delft, Netherlands
€75-95K
Senior
PHP
MySQL
Redis
Symfony
+1


Softwareentwickler Java, Python oder Ruby (w|m|d)
zeb consulting
Frankfurt am Main, Germany
Junior
Intermediate
HTML
React
JavaScript




Senior Systems/DevOps Developer (f/m/d)
Bonial International GmbH
Berlin, Germany
Senior
Python
Terraform
Kubernetes
Elasticsearch
Amazon Web Services (AWS)
Senior Webentwickler Full-Stack
Heron Innovations Factory GmbH
Dornbirn, Austria
Senior
PHP
CSS
HTML
MySQL
React
+1





