←back to thread

The Failed Promise of Web Components

(lea.verou.me)
367 points lemonberry | 1 comments | 30 Sep 20 15:59 UTC | HN request time: 0.234s | source
Show context
macawfish ◴[30 Sep 20 17:22 UTC] No.24641169[source]▶
I recently stumbled across "shoelace", which at a glance seems like an example of what the article is hoping for. It's a thoughtfully designed library of UI web components.

https://shoelace.style/

replies(3): >>24641310 #>>24641427 #>>24642064 #
1. yesimahuman ◴[30 Sep 20 18:37 UTC] No.24642064[source]▶
Shoelace is awesome! Also it is built with Stencil, which is a tool that generates web components from a development experience React and Angular devs would find familiar.

One of the benefits of Stencil is that it can generate Angular, React, and Vue-specific bindings. This smooths over any issues React has in working with WC's and provides a first-class React experience.

Stencil was built to power Ionic Framework which is arguably one of the most popular web component UI libraries. Fun fact: there are many thousands of app store apps built with web components! (data: https://appfigures.com/top-sdks/development/apps). This underscores a fact about WCs: their proliferation is largely happening behind the scenes and unnoticed by many in the web world.