Post

Taz Singh
@tazs.ing

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 🤯

Taz Singh
@tazs.ing

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

0 reposts1 like

Taz Singh
@tazs.ing

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

Taz Singh
@tazs.ing

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...

Taz Singh
@tazs.ing

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

Taz Singh
@tazs.ing

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 🤯