zachleat.com is one of the many independent Mastodon servers you can use to participate in the fediverse.

Server stats:

1
active users

📮 New post:

The Good, The Bad, The Web Components

zachleat.com/web/good-bad-web-

A full crash course on the state of web components, where they fit in JavaScript frameworks landscape, and how to make use of them moving forward!

Zach LeathermanThe Good, The Bad, The Web Components—zachleat.comA post by Zach Leatherman (zachleat)

@zachleat Great post. I’d like to see the aspirational idea you have come to fruition.

The biggest issue with web component approaches, even the good ones like WebC, is that they still require a build step. This limits them to folks who are comfortable with JS build chains.

I want to spread the love to Django, ASP.NET, Laravel, Rails, and all future web frameworks.

@khalidabuhakmeh @zachleat the aspirational ideal is literally how Enhance works. You define your template in a function and then it is expanded into light DOM custom elements by the SSR piece.

We’d love to bring Enhance SSR to other languages so if you are interested in submitting PR’s we’d be happy to work on that with you.

@khalidabuhakmeh @brianleroux @zachleat he missed the Enhance mentions on his read-through. I already mentioned it to him.

@macdonst @khalidabuhakmeh @zachleat yea sorry, missed the single bullet footnote mention there

@brianleroux @macdonst @khalidabuhakmeh everything okay?

I do try to mention Enhance whenever I talk about WebC e.g. github.com/11ty/webc#similar-w

I don’t see any mentions of WebC on enhance.dev though (which is fine!)—but I’m sensing a little passive aggressiveness here which in the larger picture seems a little unfair (same team!)

GitHubGitHub - 11ty/webc: Single File Web ComponentsSingle File Web Components. Contribute to 11ty/webc development by creating an account on GitHub.

@zachleat @macdonst @khalidabuhakmeh not super great tbh. thx! sorry for making you feel that way. (we do mention 11ty a lot on our blog and even had support for it in Enhance pre-webc)

Zach Leatherman :11ty:

@brianleroux @macdonst @khalidabuhakmeh dang, man—really sorry to hear it.

If y’all want—we could rekindle our collab—I’d love to get Enhance SSR as a plugin for 11ty!

@zachleat @macdonst @khalidabuhakmeh we figured it was less confusing but if you don't think so I'm into it. we should have some ssg option to point folks at.