Lit 3 Release Announcement

• hn-search

  1,619 524 2.9 TypeScript

  Hacker News Search

  

This comment might have made sense 10 years ago. Nowadays JS frameworks are a small minority of release announcements on HN. https://hn.algolia.com/?dateRange=pastMonth&page=0&prefix=tr...

• webcomponents

  34 4,314 4.4 HTML

  Web Components specifications

  

We're trying to advocate for greater flexibility in cross-component styling. One proposal is "open styleable shadow-roots" which would be an opt-in to let styles from above a component to apply to it's shadow root. I think this would help migration in situations where app teams are currently using global stylesheets.

Feedback and support of the need for something like this would help a lot: https://github.com/WICG/webcomponents/issues/909

• SurveyJS

  surveyjs.io sponsored

  Open-Source JSON Form Builder to Create Dynamic Forms Right in Your App. With SurveyJS form UI libraries, you can build and style forms in a fully-integrated drag & drop form builder, render them in your JS app, and store form submission data in any backend, inc. PHP, ASP.NET Core, and Node.js.

  

• lit

  141 17,535 9.4 TypeScript

  Lit is a simple library for building fast, lightweight web components.

  

Something that caught my attention is that, in their homepage (https://lit.dev), the list of organizations using Lit actually specifies where it is being used in each organization and even provides some links.

• lit

  1 30 4.3 JavaScript

  Fast server-rendering and client-hydration of lit-html templates and web components (by popeindustries)

Makes sense.

An alternative is using this solution but it doesn't inspire a lot of confidence for any serious project.

https://github.com/popeindustries/lit

• immaculatalibrary.com

  5 14 9.9 TypeScript

Overall I'm not super happy with web components to solve the issues of reusability, conciseness, and self-containment.

The most direct problem is styling issues. Cross-component CSS in either direction has some serious limitations. I've written a little bit about it[1] in my blog but the short version is that there are some things that simply become absolutely impossible when using web components.

My main other gripe with them is the need for a build phase. The nature of WC almost begs for them to eventually become zero-build-time, but right now this just isn't practical. It requires too much boilerplate in every .html file (utf8 is broken on my site), the syntax isn't natively there even with tagged template literals, and there's no concept of data-list-fetching or data-based file generation.

There's a branch on my personal website[2] where I tried to start using web components, and it was so problematic that I long abandoned it.

Overall, I abandoned web components entirely in favor of making my own customized JSX-based SSG from scratch[3] which solves the same problems Lit, Next.js, et al. are intended to solve, but in a completely different way: using components for convenience, conciseness, and reusability, but only at the build-phase time. So far it's a well kept secret, which is probably good since it's been evolving so quickly that I wouldn't have been happy with any iteration being widely adopted so far. (Though I think this morning I finished off most of what I was unhappy with.)

[1]: https://sdegutis.github.io/articles/2023-08-07-modern-90s-we...

[2]: https://github.com/sdegutis/immaculatalibrary.com/tree/reset...

[3]: https://github.com/sdegutis/immaculatalibrary.com

• shoelace-css

  73 12,030 9.5 TypeScript

  A collection of professionally designed, every day UI components built on Web standards. SHOELACE IS BECOMING WEB AWESOME. WE ARE LIVE ON KICKSTARTER! 👇👇👇

  

There are lots of open-source design systems built with Lit. Shoelace is a popular component set that you might check out: https://github.com/shoelace-style/shoelace There are many others...

Would it help if we listed more open source projects on our site?

Because of our focus on components and the fact that you really can use just about any libraries and scaffolding for apps, we don't really have an app starter kit, but it's something we've talked about.

• component-party.dev

  3 2,042 8.5 JavaScript

  🎉 Web component JS frameworks overview by their syntax and features

• InfluxDB

  www.influxdata.com sponsored

  Power Real-Time Data Analytics at Scale. Get real-time insights from all types of time series data with InfluxDB. Ingest, query, and analyze billions of data points in real-time with unbounded cardinality.

  

Suggest a related project