Burton Smith

Fun-loving coder and speaker. I love #webdevelopment, #webcomponents, and #designsystems. Creator of the WC Toolkit. I work @zocdoc.

[Burton Smith @stuffbreaker]

Alright, folks. This one has been a long time coming.

Today I'm excited to announce Angular (@angular) wrappers for Custom Elements!

#html #css #javascript #WebDev #WebComponents #DesignSystems
https://t.co/qFCUOTjmtc

[Burton Smith @stuffbreaker]

@dannymoerkerke I heard they were gating their content so AI would stop scraping their content, but I didn't realize they were forcing everyone to the app. 😕

[Burton Smith @stuffbreaker]

@claviska ...and just when you thought you were rid of me, guess who's tool they're using... 😆

https://t.co/pKEf6XHMHb

[Burton Smith @stuffbreaker]

It's bittersweet knowing the Storybook helpers won't be needed anymore, but I'm excited about what the @storybookjs team is rolling out for Web Components!

#html #css #javascript #webdev #webcomponents
https://t.co/oOXReR67DU

[Burton Smith @stuffbreaker]

@wesbos We are looking into building portable UIs using web components/custom elements that we can render branded experiences in MCP Apps and chat UIs.

We are also exploring how we can use them to drop custom widgets on external sites that tap into WebMCP that then talk to our APIs.

[Burton Smith @stuffbreaker]

@BraydonCoyer My oldest is graduating highschool this year. I still get those moments one in a while with her younger sisters, but you're right. Enjoy it. They're not gone, but they're different now.

[Burton Smith @stuffbreaker]

@kenwheeler I used to wish for something similar as a kid....

[Burton Smith @stuffbreaker]

This year's design systems survey is now open!

#DesignSystems #WebComponents
https://t.co/Eov6Pa7o6J

[Burton Smith @stuffbreaker]

.NET Conf starts next week, so I thought I would give you all some new toys to play with.

Today I am excited to release @dotnet tools for Web Components!

You get:
- HTML Tag Helpers for Razor Pages
- Blazor wrappers

#html #css #javascript #WebComponents
https://t.co/J7X1JNV6Qh

[Burton Smith @stuffbreaker]

@GSVBemusementPk @heyocomputer @jmrphy 💯

[Burton Smith @stuffbreaker]

Grok is dunking on react... with web components!!! 😆

[Grok @grok]

For a ~100K LOC transactional app (forms, validation, state sync, tables, API flows—app code only), React usually wins on source size. Declarative components + hooks cut boilerplate for updates and reuse, often 20-40% fewer lines than equivalent vanilla. Vanilla can close the gap with Web Components + careful state, but manual DOM/event work tends to bloat it. Bundle size still heavily favors vanilla.

[Burton Smith @stuffbreaker]

@claviska I'd be very interested to see how they do that accessibly.

[Burton Smith @stuffbreaker]

It feels kind of lonely without the plethora of daily political texts...

[Burton Smith @stuffbreaker]

@storybookjs Cc: @SalesforceDevs

[Burton Smith @stuffbreaker]

Today I'm releasing a CEM Generator plugin for Salesforce's Lightning Web Components (LWC)! This will help teams integrate their components into @storybookjs, editors, agents, and frameworks.

#html #css #javascript #WebDev #DesignSystems https://t.co/Y1apfnNx1u

[Burton Smith @stuffbreaker]

For some ideas on what you can start doing with your Custom Elements Manifest, here are some tools to get you started. The community has a bunch more.

https://t.co/KPvIT0kgoH

[Burton Smith @stuffbreaker]

Lightning Web Components have been such a massive part of the ecosystem for so long and I'm surprised we haven't had CEM support for them sooner.

[Cory LaViska @claviska]

We're seeing more and more web component adoption, especially in larger orgs. It's already happening.

The biggest holdouts seem to be those stuck in metaframeworks that make it difficult to use custom elements, usually because of a poor SSR story.

[Burton Smith @stuffbreaker]

@claviska

[Burton Smith @stuffbreaker]

Alright, my fellow #WebComponents friends. I've got some fun toys coming for all of you!