Burton Smith's Avatar

Burton Smith

@stuffbreaker

Fun-loving coder and speaker. I love web development, web components, and design systems. Creator of the WC Toolkit. I work at ZocDoc.

1,382
Followers
387
Following
948
Posts
14.12.2023
Joined
Posts Following

Latest posts by Burton Smith @stuffbreaker

Preview
a woman is sitting at a table talking to someone and says `` tell me more '' . ALT: a woman is sitting at a table talking to someone and says `` tell me more '' .
22.02.2026 12:49 ๐Ÿ‘ 0 ๐Ÿ” 0 ๐Ÿ’ฌ 0 ๐Ÿ“Œ 0

This reminds of the work the @e18e.dev community is working on. I love it!

22.02.2026 12:47 ๐Ÿ‘ 1 ๐Ÿ” 0 ๐Ÿ’ฌ 0 ๐Ÿ“Œ 0
Preview
a bald man with glasses is laughing while holding a glass of wine and saying i see what you did there . ALT: a bald man with glasses is laughing while holding a glass of wine and saying i see what you did there .
19.02.2026 09:15 ๐Ÿ‘ 1 ๐Ÿ” 0 ๐Ÿ’ฌ 0 ๐Ÿ“Œ 0

bsky.app/profile/ryan...

18.02.2026 20:49 ๐Ÿ‘ 0 ๐Ÿ” 0 ๐Ÿ’ฌ 1 ๐Ÿ“Œ 0

Ah, that makes more sense. Thanks for the clarification.

15.02.2026 20:22 ๐Ÿ‘ 0 ๐Ÿ” 0 ๐Ÿ’ฌ 0 ๐Ÿ“Œ 0

Why would that be an issue?

15.02.2026 19:46 ๐Ÿ‘ 0 ๐Ÿ” 0 ๐Ÿ’ฌ 1 ๐Ÿ“Œ 0

That's a good question. As long as the timeout is short it shouldn't affect it, but I'll have to play with it.

15.02.2026 19:39 ๐Ÿ‘ 0 ๐Ÿ” 0 ๐Ÿ’ฌ 1 ๐Ÿ“Œ 0

For the reasons I listed above. We've created special tooling around injecting DSD into the page rendering lifecycle and acted like we've fixed SSR. We've just slapped a big, complicated bandage on it - especially for things like design systems.

bsky.app/profile/stuf...

15.02.2026 12:29 ๐Ÿ‘ 1 ๐Ÿ” 0 ๐Ÿ’ฌ 1 ๐Ÿ“Œ 0

That's a really cool idea! A pain point for some of the knowledge in these private servers is that it's not always easy for the general public to find. I wonder if there's a way to surface that content for SEO.

15.02.2026 12:23 ๐Ÿ‘ 1 ๐Ÿ” 0 ๐Ÿ’ฌ 1 ๐Ÿ“Œ 0
Preview
a close up of a man with a beard and long hair . ALT: a close up of a man with a beard and long hair .
14.02.2026 00:32 ๐Ÿ‘ 1 ๐Ÿ” 0 ๐Ÿ’ฌ 0 ๐Ÿ“Œ 0

Yeah, I hate jumping into type declarations. This seems way nicer.

12.02.2026 17:36 ๐Ÿ‘ 0 ๐Ÿ” 0 ๐Ÿ’ฌ 0 ๐Ÿ“Œ 0

Are teams using #TypeScript declaration maps to provide a better go-to-definition experience for developers?

I've used source maps, but I don't think I've provided declaration maps.

#SoftwareEngineering #Programming

12.02.2026 11:59 ๐Ÿ‘ 3 ๐Ÿ” 0 ๐Ÿ’ฌ 1 ๐Ÿ“Œ 0

Hahaha! If I was using something like @webawesome.com, would it be beneficial to have the go-to-definition behavior?

11.02.2026 20:11 ๐Ÿ‘ 0 ๐Ÿ” 0 ๐Ÿ’ฌ 0 ๐Ÿ“Œ 0

Even if it's minified?

11.02.2026 19:11 ๐Ÿ‘ 0 ๐Ÿ” 0 ๐Ÿ’ฌ 1 ๐Ÿ“Œ 0

What if it's uglified?

11.02.2026 14:29 ๐Ÿ‘ 1 ๐Ÿ” 0 ๐Ÿ’ฌ 0 ๐Ÿ“Œ 0

I've also found going to the type definition is not very useful for me most of the time.

11.02.2026 14:28 ๐Ÿ‘ 2 ๐Ÿ” 0 ๐Ÿ’ฌ 1 ๐Ÿ“Œ 0

That's a good point. Would the class be useful if it were uglified?

11.02.2026 13:55 ๐Ÿ‘ 0 ๐Ÿ” 0 ๐Ÿ’ฌ 1 ๐Ÿ“Œ 0

I don't plan on overriding what JS frameworks do. I'm really asking about things like plain HTML or other templating languages like .NET and PHP. Those don't typically have type systems or property binding.

11.02.2026 13:44 ๐Ÿ‘ 1 ๐Ÿ” 0 ๐Ÿ’ฌ 1 ๐Ÿ“Œ 0

Frameworks typically use their own type system and have bespoke behavior for the go-to-definition.

11.02.2026 13:10 ๐Ÿ‘ 1 ๐Ÿ” 0 ๐Ÿ’ฌ 1 ๐Ÿ“Œ 0

...or do we need anything? Standard HTML doesn't do anything.

11.02.2026 13:07 ๐Ÿ‘ 0 ๐Ÿ” 0 ๐Ÿ’ฌ 0 ๐Ÿ“Œ 0

That's a good point. In HTML, we can't really use props in the markup.

11.02.2026 13:01 ๐Ÿ‘ 1 ๐Ÿ” 0 ๐Ÿ’ฌ 1 ๐Ÿ“Œ 0

I have not seen that problem. Can you provide an example?

11.02.2026 12:32 ๐Ÿ‘ 0 ๐Ÿ” 0 ๐Ÿ’ฌ 1 ๐Ÿ“Œ 0

When you are in an #html file and you want to go-to-definition for a custom element, what do you think the behavior should be? Should it go to:

- type definition
- JS file where class is defined
- CEM entry
- something else

#webcomponents #javascript

11.02.2026 12:02 ๐Ÿ‘ 1 ๐Ÿ” 0 ๐Ÿ’ฌ 5 ๐Ÿ“Œ 0

These are not linking to an external style sheet.

That adds another layer of complexity because even if you "style them into existence", it results in layout shifts as they are rendered.

10.02.2026 13:07 ๐Ÿ‘ 2 ๐Ÿ” 0 ๐Ÿ’ฌ 1 ๐Ÿ“Œ 0
Preview
Reducing FOUC with Web Components Learn practical techniques for reducing the flash of unstyled content (FOUC) as your web components/custom elements are defined to improve your users' experience

You are correct. It has since been improved.
dev.to/stuffbreaker...

10.02.2026 10:40 ๐Ÿ‘ 1 ๐Ÿ” 0 ๐Ÿ’ฌ 1 ๐Ÿ“Œ 0

I haven't played with it very much, but I don't think so.

10.02.2026 00:59 ๐Ÿ‘ 0 ๐Ÿ” 0 ๐Ÿ’ฌ 1 ๐Ÿ“Œ 0

In some cases it could, but I don't think it would for lazy-loaded components.

10.02.2026 00:11 ๐Ÿ‘ 1 ๐Ÿ” 0 ๐Ÿ’ฌ 1 ๐Ÿ“Œ 0
Preview
Reducing FOUC with Web Components Learn practical techniques for reducing the flash of unstyled content (FOUC) as your web components/custom elements are defined to improve your users' experience

For many of our use cases that's not an option because components are lazy-loaded, but I do agree that that can be a good idea - especially for smaller components.

Here's what I've settled on. It seems to work pretty well so far.
dev.to/stuffbreaker...

09.02.2026 22:24 ๐Ÿ‘ 2 ๐Ÿ” 0 ๐Ÿ’ฌ 0 ๐Ÿ“Œ 0

You will still see FOUC before the component is defined and applies the stylesheet.

09.02.2026 21:37 ๐Ÿ‘ 0 ๐Ÿ” 0 ๐Ÿ’ฌ 0 ๐Ÿ“Œ 0

True, but most of my components use JS, so there will be problems anyway. ๐Ÿคทโ€โ™‚๏ธ

09.02.2026 19:31 ๐Ÿ‘ 1 ๐Ÿ” 0 ๐Ÿ’ฌ 0 ๐Ÿ“Œ 0