Announcing Reciprocate, a Sweet Solution for Making Your HTML Web Components Reactive

Have you ever been chipping away on vanilla #WebComponents when you began to wonder “hey waitaminute…how do I make it so when I set this #JavaScript property, the equivalent #HTML attribute is updated? And if I set this attribute, the equivalent property is updated? Or when either is updated, my component will re-render?! Where are the APIs for this stuff??”

Worry no longer! 🤓 #WebDev

https://thathtml.blog/2025/09/reciprocate-reactivity-for-html-web-components/

Interested in being able to style Shadow DOMs from the main page?

Working with @mia, we added new modes to shadow-boxing.js library which are all about that. These new modes let authors select which specific elements get stylesheets from the outer page moved into their Shadow DOMs.

I've also written brief/linkable examples of usages of the various 'modes'.

https://github.com/bkardell/shadow-boxing/blob/main/README.md#page-push-select-

If you've got thoughts, I'm all ears.

We are in the midst of another Google Reader-level community disruption.

It’s a good time to reset, take stock, clean house, and own your content!

If you don’t yet have your own web site—it’s a good time to start!

1. The most crucial piece is ownership of the domain name.
2. Then add content (it can just be plain HTML!)
3. Iterate on it! Make it better, but more importantly—make it yours.