9 Best Articles in 2022
Lea Verou
The failed promise of Web Components
Lea Verou
4 min read · From 2020 · Web Components had so much potential to empower HTML to do more, and make web development more accessible to non-programmers and easier for programmers. Remember how exciting it was every time we got… · Shared by 159, including Chris Heilmann, Benoist Lawniczak, Alain, Eric Bailey, Kevin Marks, Kent C. Dodds 🌌, Marius Bleuer, BrendanEich, Jen Simmons, Evan (he/him), Brian Rinaldi, Rob Dodson, Matteo Fogli, Jens D. Peter
Mozilla
The Power of Web Components
Mozilla
8 min read · From 2018 · Web Components comprises a set of standards that enable user-defined HTML elements. These elements can go in all the same places as traditional HTML. Despite the long standardization process, the ... · Shared by 102, including Miguel, Simone Corsi 💻🚀, Michael Duergner, Davy De Pauw, Marius Bleuer, Benny Schudel, Nico Müller 🇺🇦, Charles Baldwin, fernand0, Anil, Alligator.io 🐊, Tableless
CSS-Tricks
Building Interoperable Web Components That Work
CSS-Tricks
~14 min read · Jun 7th · This post will show you how to build low-level UI web components once, in a framework-agnostic way, and then re-use them between frameworks · Shared by 141, including Balda
Smashing Magazine 🇺🇦 🏳️🌈
Styled-Components: Enforcing Best Practices In Component-Based Systems
Smashing Magazine 🇺🇦 🏳️🌈
20+ min read · From 2017 · Styled-components are used to enforce best practices by removing the mapping between styles and components, and include actual CSS in your JavaScript code. · Shared by 69, including Max Stoiber, René Stalder, Paul, Alexandre Joly, César Suárez, Leslie D, Niklaus Gerber, Davy De Pauw, Ferit (at 🏠) 🌙, Michael Duergner
CSS-Tricks
Context-Aware Web Components Are Easier Than You Think
CSS-Tricks
7 min read · Jan 21st · An aspect of web components is that a JavaScript function is called whenever a web component is added or removed from a page. · Shared by 81
github.blog
How we use Web Components at GitHub
github.blog
7 min read · 2021-05-04 · GitHub has long been a proponent of Web Components. Here's how we use them. · Shared by 95, including Michael Zumstein, Rob Dodson, Richard MacManus, Marius Bleuer, Dion Almaer
blog.devgenius.io
How To Use Web Components in React
blog.devgenius.io
8 min read · Jun 22nd · Web Components enable us to develop entirely independently of frontend frameworks. · Shared by 90, including yeon
The New Stack
How Web Components Are Used at GitHub and Salesforce
The New Stack
5 min read · 2021-02-22 · Web components aren’t as well documented as React components, but GitHub and Salesforce have both implemented this emerging standard. · Shared by 59, including Richard MacManus, Chris Heilmann, Arturo Rebolledo, Dion Almaer, Sara Soueidan
Codrops
Creating Native Web Components
Codrops
6 min read · Mar 4th · Learn how to create native web components with the Minze JavaScript framework. · Shared by 80, including CSS Weekly
Trending
github.com
11ty/webc: Single File Web Components
github.com
Sep 9th · Single File Web Components. Contribute to 11ty/webc development by creating an account on GitHub. · Shared by 24, including Chris Coyier, Aaron Gustafson, Elijah Manor, Brad Frost
LogRocket
Understanding and using the new CSS style queries
LogRocket
5 min read · Aug 23rd · Improve responsive web development by applying CSS container style queries, which allow you to query components based on their size or style. · Shared by 65, including David Hellmann
Chrome Developers
How Nordhealth uses Custom Properties in Web Components
Chrome Developers
~11 min read · Aug 17th · The benefits of using Custom Properties in design systems and component libraries.I'm Dave and I'm a Senior Front-end Developer at Nordhealth. I work on the design and development of our design system… · Shared by 17, including SuperFriendly
Bit
Fast UI — Building a To-Do App with VanillaJS and Web Components
Bit
~14 min read · Aug 3rd · Come see what Microsoft’s bet on Web Components looks like · Shared by 5
More like this
darn.es
Building tabs in Web Components
darn.es
~11 min read · Jun 30th · Part of my role at Nordhealth is to design, develop and expand upon our ever increasing roster of Web Components within the Nord Design System. One of my most recent contributions is arguably one… · Shared by 60
adamsilver.io
The problem with web components by Adam Silver, designer based in London, UK.
adamsilver.io
6 min read · From 2019 · Web components are becoming increasingly popular but they have a number of drawbacks. In this article I'll explain what those are and what I recommend instead. · Shared by 35, including Fabricio Teixeira, Marius Bleuer
DEV Community 👩💻👨💻
Why I don't use web components
DEV Community 👩💻👨💻
9 min read · From 2019 · For my first post on dev.to I thought I'd write about a nice, safe topic that's free of controversy: web components. I'm mostly writing this for my future self, so that I have something to point to… · Shared by 93, including ross, Marius Bleuer, Lea R. 🦄, Rich Harris, Alligator.io 🐊, Kent C. Dodds 🌌, Bernhard Huessy, Devon Govett, Evan You, Marijn Haverbeke, Cameron Yick
github.com
styled-components/styled-components: Visual primitives for the component age 💅
github.com
From 2016 · styled-components - Visual primitives for the component age 💅 · Shared by 46, including Yoav Ganbar, Galen King, Patric Fornasier, Nando 💪🇦🇺🇦🇷, Jon Thompson, CarloZen, Max Stoiber, Ahrbil, Paulo Gaspar, Mattia Fregola 🤔, pizza.fig 🍕
CSS-Tricks
An Introduction to Web Components
CSS-Tricks
5 min read · From 2019 · Front-end development moves at a break-neck pace. This is made evident by the myriad articles, tutorials, and Twitter threads bemoaning the state of what · Shared by 80, including Lea R. 🦄, Rodrigo Noales, Ferit (at 🏠) 🌙, Benoist Lawniczak, Yoav Ganbar
customelements.io
CustomElements.io · Explore the world of Web Components
customelements.io
From 2016 · CustomElements.io is where community find awesome Web Components. Featuring more than 2169 repositories from 870 authors. · Shared by 38, including Diego Paladino, b, Patric Fornasier
daverupert.com
7 Web Component Tricks
daverupert.com
2 min read · Apr 14th · This week I finished my Frontend Masters Web Components Course. To market it celebrate that accomplishment, I wanted to share ~7 tips and tricks I’ve learned preparing my course or I feel aren’t super… · Shared by 100, including Yoav Ganbar
Mozilla
Developer Tools support for Web Components in Firefox 63
Mozilla
1 min read · From 2018 · Shadow DOM and Web Components are enabled by default in Firefox 63 and the Developer Tools are ready for them ! If you are using Web Components in your project, ... · Shared by 33, including Kohei Asai, Simone Corsi 💻🚀, Charlie O'Keefe, Nico Müller 🇺🇦, Arin Basu
github.com
Move over JavaScript: Back-end languages are coming to the front-end
github.com
Feb 8th · A new crop of tools is helping developers build web UI components on the backend—no JavaScript required! · Shared by 121
Related topics
