Web Components
Web Components enable developers to build reusable custom elements using native web technologies. This makes them a useful tool for building cross-framework components (at least for those frameworks that provide interoperability — looking at you React 👀). Support for server-side rendering remains limited and cumbersome. Web Components are best used as progressive enhancement for native components.
Bookmarks
The Good, The Bad, The Web Components—zachleat.com
A post by Zach Leatherman (zachleat)
3 Methods for Scoped Styles in Web Components That Work Everywhere—zachleat.com
A post by Zach Leatherman (zachleat)
An Attempted Taxonomy of Web Components—zachleat.com
A post by Zach Leatherman (zachleat)
Use web components for what they’re good at
Dave Rupert recently made a bit of a stir with his post “If Web Components are so great, why am I not using them?”. I’ve been working with web components for a few years now, so I…
Every so often, the web development community gets into a tizzy about something, usually web components. I find these fights tiresome, but I also see them as a good opportunity to reach across R…
Let’s talk about web components
Web components! They’re currently at the vanguard of web development and are a reliable source of hot drama in the community. We’ve built a number of web component-powered design systems with Fortune 500 companies over the last 4 years, and it’s been a wild ride. We’ve seen a ton of success, we’ve b
A year working with HTML Web Components
A deeply refreshing and encouraging way of building web applications.
Web Components as Progressive Enhancement
By wrapping and enhancing HTML elements, we can provide a solid baseline experience, with progressive enhancement as the cherry on top.
Web Components Eliminate JavaScript Framework Lock-in | jakelazaroff.com
Web components can dramatically loosen the coupling of JavaScript frameworks. To prove it, we’re going to do something kinda crazy: build an app where every single component is written in a different JavaScript framework.
Isomorphic Web Components | jakelazaroff.com
The lack of server-side rendering in web components has become a sort of folk belief that oft goes unquestioned. I am happy to report that the fears are unfounded.
The Web Component Success Story | jakelazaroff.com
Web components won’t take web development by storm, or show us the One True Way to build websites. What they will do is let us collectively build a rich ecosystem of dynamic components that work with any web stack.
Don’t replace. Augment.
Alle aankomende evenementen - Gebruiker Centraal
Evenementen georganiseerd door Gebruiker Centraal, of gerelateerde evenementen over UX, Inclusie, User Centred Design, oftewel Gebruiksvriendelijkheid.
State of Web Components June 2023
Join this special “State of Web Components” event and catch up on all the latest news about what is possible, improved, and coming soon in the ever growing a…
Custom Forms with Web Components and “ElementInternals”
The ElementInternals API allows us to create form-associated custom elements which we can use to make our own supercharged form fields.
pzuraq | Four Eras of JavaScript Frameworks
A blog about (mostly) computery things
Liskov’s Gun: The parallel evolution of React and Web Components
Writing at the end of the world, from Hveragerði, Iceland
Web Components Are Not the Future
A few years ago I wrote an article suggesting that Web Components might not be the most beneficial…
Are web components worth it? - Off The Main Thread
The history, the use-cases, and what’s missing
Portable Server Rendered Web Components with Enhance SSR — Enhance
Developers want to build sites with custom components, companies want to reuse those components on all their sites, users want those sites to be fast, and everyone wants them to be stable.
Web components without having to go instantly from 0 to 100 | Sjors Rijsdam, front-end developer
Sjors Rijsdam is a front-end developer from the Netherlands. He loves to build fast, beautiful and standards based websites.
All the Ways to Make a Web Component - Feb 2022 Update
Compare coding style, bundle size and performance of 61 different ways to make a Web Component.