The #WebComponentsAdvent is over, and I'm doing some finishing touches before making it #opensource next week. Then I'll work on updating the Awesome #WebComponents list. By the way, if you like it, give it a star on #GitHub!

https://github.com/web-padawan/awesome-web-components

GitHub - web-padawan/awesome-web-components: A curated list of awesome Web Components resources.

A curated list of awesome Web Components resources. - web-padawan/awesome-web-components

GitHub

#WebComponentsAdvent Day 24: Who to Follow.

Today is not #FollowFriday but I'm still glad to share the final day of this series about #WebComponents, which is dedicated to all the awesome folks in the #fediverse community who #useThePlatform and rely on web standards. This project wouldn't be possible without your work!

https://webcomponents.today/who-to-follow/

Who to Follow

Community members working with Web Components or sharing related content on Mastodon.

#WebComponentsAdvent Day 23: Starter Templates.

If you want to start creating #WebComponents, today's update is for you! Meet the list of starters kits with @vite, #buildWithLit, #vue, #svelte, FAST, Shoelace, other libraries and tools.

https://webcomponents.today/starter-templates/

Starter Templates

Example projects for creating a standalone custom element or a Web Components based app.

#WebComponentsAdvent Day 22: Talks and Recordings.

Unlike fancy frameworks, #WebComponents don't make so much noise at modern frontend conferences and don't produce so much wow among #javascript developers. But I still have some great talks to share with you today:

https://webcomponents.today/talks-and-recordings/

Talks and Recordings

Talks, recordings and workshops related to Web Components presented at various conferences.

#WebComponentsAdvent Day 21: Case Studies.

Today's update is a list of real-world cases and stories shared by different teams who used #WebComponents in production. Do check it out especially if you consider using #CustomElements or #ShadowDOM in your project.

https://webcomponents.today/case-studies/

Case Studies

Developers from different engineering teams share their experiences of using Web Components.

#WebComponentsAdvent Day 20: Standalone Elements.

Do you remember the old motto "there is an element for that"? While we don't have a new version of the #WebComponents catalog out yet, I got you covered! Meet the list of awesome standalones (more to come later):

https://webcomponents.today/standalone-elements/

Standalone Elements

Individual open source web components with zero or few dependencies.

#WebComponentsAdvent Day 19: Showcase.

I enjoy reading the stories shared by developers who build #WebComponents. Despite years of experience in the field, I often learn a lot from their challenges, mistakes and pain points. Here's some reading I recommend:

https://webcomponents.today/showcase/

Showcase

Developers sharing their stories and practical examples of building Web Components.

@bp Sure. Some sections are still a bit outdated because I was busy with #WebComponentsAdvent lately, and the blackout last week made it a challenge. I'll get to polishing the content during the holidays.

@DavidDarnes Say no more! The #WebComponentsAdvent that I'm working on is basically just a bunch of links. Plain #html and no #javascript whatsoever.

https://webcomponents.today

Web Components Today

A curated collection of Web Components resources

#WebComponentsAdvent Day 18: Testing Solutions.

While JSDOM supports #WebComponents, it's usually better to test them in real browsers that people actually use. Today's update provides examples of using Web Test Runner by #ModernWebDev, #Cypress, #Playwright and other tools.

https://webcomponents.today/testing-solutions/

Testing Solutions

Testing web components and using built-in support for Shadow DOM in test automation tools.