Web Component Base

🤷‍♂️ zero-dependency, 🤏 tiny JS base class for creating reactive custom elements easily ✨

When you extend the WebComponent class for your component, you only have to define the template and properties. Any change in any property value will automatically cause just the component UI to render.

The result is a reactive UI on property changes.

Links

• Documentation
• Read a blog explaining the reactivity
• View demo on CodePen

Want to get in touch?

There are many ways to get in touch:

1. Open a GitHub issue or discussion
2. Submit a ticket via SourceHut todo
3. Email me: ayo@ayco.io
4. Chat on Discord: Ayo's Projects

Inspirations and thanks

1. htm - I use it for the html function for tagged templates, and take a lot of inspiration in building the rendering implementation. It is highly likely that I will go for what Preact is doing... but we'll see.
2. fast - When I found that Microsoft has their own base class I thought it was super cool!
3. lit - lit-html continues to amaze me and I worked to make wcb generic so I (and others) can continue to use it

---

Just keep building.
A project by Ayo