Web Components as compile targets

Waves of new frameworks often leave us confused.

How often should we have to rewrite our applications?

Rewriting costs a lot

• dev time
• infrastructure to switch between versions
• maintaining two versions simultaneously

Sometimes we identify parts of app which could benefit from modern frameworks.

But legacy code holds us back.

These smaller additions can be

• widgets on a dashboard
• integrating a mini-app like chat developed by other teams
• or it can be a bit more ambitious like an editor

We can write these smaller apps/system of components in modern frameworks of our choice – React, Preact, Vue, Svelte and then compile them to custom elements to run it anywhere irrespective of our existing frameworks.