Skip to content

Instantly share code, notes, and snippets.

Embed
What would you like to do?
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

This comment has been minimized.

Copy link

commented Aug 2, 2018

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

This comment has been minimized.

Copy link

commented Aug 8, 2018

very keen on further developments of this space

@StefanNieuwenhuis

This comment has been minimized.

Copy link
Owner Author

commented Aug 8, 2018

@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
You can’t perform that action at this time.