Post

We're shipping features to @guild.host faster than I can post about them 😅 So far this week: - Major infra migration on Sunday - New Settings screens tracking sub-section changes - New Embeds that use our new Design System, config via Settings screens - Tons more features And it's only Wednesday 🤯

I'm particularly thrilled about the new Embeds Our whole UI is built on React Native. Initially it used my custom built Design System that had inline styles typical for React Native Web. This made it easy to embed anywhere, as styles were directly on the DOM elements

Then we moved to Tamagui, which wants to generate CSS based on the design system tokens. This made it far more difficult to embed, as now we'd simply conflict with the host CSS Plus Tamagui wants to Portal out to the host DOM, further breaking encapsulation Thus we couldn't ship our new DS Embeds

Sure, we can and do offer a suite of iframe Embeds. But they just don't feel "native" to the 3rd party app it's being embedded into. It's not a great UX and annoying to lay out, as the embed needs to fit the iframe container...

To resolve this, we're now using the Shadow DOM which is built for this purpose. Every new Design System component is served via the Shadow DOM, with all of the generated CSS contained within that as well

Now, you can incredibly simply just copy & paste any Embed directly from Settings and you get _the same_ component that we have on Guild as well ✨ It's actually incredible! Plus it's all easily configurable, previewable & copy-pasteable via the new Embed Settings on any Guild/Event/User 🤯

haha yeah sort of, i'm making a distributed ui framework on atproto i guess

I love how this 15yo tech pattern is still relevant.

wait which one

Dope! I'll keep an eye on it, sounds aligned with what I want We're prob not ready to fully build on that yet as we still need to build a billion other things, but I def want to participate when the time is right