In that it was dropped as part of a thread that you might have otherwise been uninterested in, sharing this again to start your Thursday:

https://blog.westbrookjohnson.com/patterns/i-am-feeling-so-disconnected/

Catch up on some techniques for managing connection time work in a custom element. There's even reasons for using shadow DOM hidden in there.

Thanks @nachtfunke for starting the convo on this and @zachleat for challenging a toot into a full on blog dump.

Using #DeclarativeShadowDOM to render placeholder content that gets replaced later as the #HTML #streams in with no #JavaScript!

https://lamplightdev.com/blog/2024/01/10/streaming-html-out-of-order-without-javascript/

This is an interesting technique, but it has limitations in that you can't close the #customElement until you've loaded the content.

A simple smoke test for your custom elements.

https://knowler.dev/blog/a-custom-element-smoke-test

Proof-of-concept for a HTML-driven state container idea: https://codepen.io/matthewp/pen/BabKPoe?editors=1010

Want to play around with more non-UI, logical web component ideas. #webcomponents #htmlwebcomponents #customelements

"there is no use case for extending built-in elements"

aside form elements, picture element, table element, list element, video element, others I'm probably missing

and no, element internals isn't the solution. it requires boatloads of client javascript to replicate built-in behaviour which is exactly the problem we're trying to avoid these days.

#WebComponents in 2023: February update.

- #Safari 16.4 beta release new features
- #Interop2023 for Web Components
- #React and #CustomElements news

https://webcomponents.today/2023-02-update/

#WebComponents bookmarks update: #API #design.
If you're already familiar with basics, do check it out.
You'll find some useful tips and things to consider.

#CustomElements #ShadowDOM

https://webcomponents.today/api-design/

Web Components bookmarks project finally got a proper Home page!

- Projects about Web Components that I recommend,
- Other #opensource projects I'm proud to be part of.

Check it out and please #boost to spread the word if you like the project!

My goal is to make it an ultimate knowledge base about #CustomElements, #ShadowDOM and other #WebComponents standards.

https://webcomponents.today

Upgraded #WebComponents bookmarks to @eleventy 2.0 beta and it went super smooth! Excited about the package-lock.json getting smaller as a result.

Also, added the #rss feed - subscribe for monthly updates on #CustomElements, #ShadowDOM and other related news (there's now a link in the footer):

https://webcomponents.today

#WebComponents bookmarks got a new category: Testing Helpers! Here you can find a few useful libraries that make #testing #CustomElements and #ShadowDOM easy:

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

Did you know that #WebComponents and #React can be used together?
There are several #javascript libraries for it, these two look interesting:

- React Shadow: use #ShadowDOM with React easily;
- Remount: use React components as #CustomElements.

Check out the #frameworks recipes page for more:

https://webcomponents.today/frameworks-recipes/

#WebComponents bookmarks now have a Beginner's Guide section! This is a good starting point for learning how to create #CustomElements.

Thanks to @keithamus, @calebwilliams, @passle and @alangdm for great articles on this topic!

https://webcomponents.today/beginners-guide/

Form-associated #CustomElements has been implemented in #WebKit and enabled by default:

https://github.com/WebKit/WebKit/commit/1e814e21299b575547f683ac5e6872e3d2702dc1

Today's additions to #WebComponents bookmarks:

- <code-block>
- <esri-map-view>
- <mapml-viewer>
- Svelecte

Check out the growing list of standalone #CustomElements:

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