We learn how Stencil is a build tool that allows you to create framework agnostic components that work with all of the major JavaScript frameworks, including no framework at all as Web Components.

We discuss how the Ionic Framework’s need to solve the puzzle of components working with multiple frameworks lead to the creation of Stencil. And Stencil is an OSS build tool that you can leverage whether you use the Ionic Framework or not.

If your design systems need to outlive the vagaries of the JavaScript world, or you work with multiple projects or teams that use different frameworks, you’ll want to give this one a listen!

Stencil

Stencil Github

Why We Use Web Components

Stencil: A Built-Time Approach to the Web

Ionic Framework

Stencil & Web Components used by Apple

Components without a Framework