Skip to content

Instantly share code, notes, and snippets.

Show Gist options
  • Save StefanNieuwenhuis/e656983fe50ac8c4ea67fa24cf953996 to your computer and use it in GitHub Desktop.
Save StefanNieuwenhuis/e656983fe50ac8c4ea67fa24cf953996 to your computer and use it in GitHub Desktop.
How to build a framework independent component library with StencilJS

How to build a framework independent component library with StencilJS

This is a proposal for a lightning talk at Reactive Conf. Please 🌟 this gist to push the proposal! If you're on your phone, please request the 🖥 desktop site to star this gist 😇 #ReactiveConf


Challenge: Build a frontend component library for multiple teams with a technology stack ranging from VanillaJs to React. Let's take up this challenge with StencilJS!

What is StencilJS?

StencilJS is a compiler that generates Web Components. It combines the best concepts of the most popular frameworks into a simple build-time tool.

What you can expect to see

  • How to build a Web Component with StencilJS
  • How to use it in an Angular, Vue.js and React app

About the Author

I'm leading the development of a framework independent component library served at 10+ frontend development teams that use a very wide variety of frameworks. I love to play sports (especially waterpolo, swimming, running and cycling)! So when I'm not working you can find me in the pool, on the bike or on the road running.

@bitflower
Copy link

I‘m about to actively propose this to my customers (Corporates mainly) because they still start from scratch in EVERY project and waste time choosing „the right framework“. Exchanging a framework becomes a possible reality if you have abstracted away the components.

@balasivagnanam
Copy link

very keen on further developments of this space

@StefanNieuwenhuis
Copy link
Author

@balasivagnanam Follow me on Twitter and Medium to keep posted on the subject.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment