Nodejs 与 Web Components 2023 年 10 月份了，现在怎么样了

没有深度使用过，不好评价。Web Components 技术上我感觉很好，有浏览器原生的支持，但用的人应该不多。
我正在将自己的博客前端使用 Web Components 重构，剔除掉 Vue 和其它所有第三方库 JS 库，只用 TS+ES2022+WebAPIs ，看看会遇到那些坑。
本质上感觉还是在反现在的前端过度过程化和不可控现状。

可以试试 lit 。
个人感觉大部分库对于 shadow dom 的支持还是很差的，

对于开发小插件，个人还是比较喜欢 svelte ，就 Web Components 当前来讲，拿来做复杂业务感觉差点意思

Web Components 实际上是 Custom Elements, Shadow DOM 和 Templates and Slots 这几个 API 组成的一套技术，这几个都是比较 low level 的 API, 实际上开发的时候还是需要使用 Lit 或者 Stencil 这样的框架，另外像 Vue, Svelte 和 SolidJS 也都可以直接将组件导出成 Custom Element 。

目前个人感觉 Shadow DOM 的坑还是挺多的，比如样式隔离的问题，外部的 CSS 无法作用于 Shadow DOM 内，要写出 Headless 的无样式组件比较困难，当前有 CSS ::part() 选择器的方案可以解决部分问题。还有 form 表单不会识别 Shadow DOM 内的 input 元素，似乎 ElementInternals 和 FormAssociated 这一 API 能解决。另外 Shadow DOM 的 SSR 方案可能也还得等到几家浏览器支持 Declarative Shadow DOM 了才能稳定。

目前我个人感觉 Web Components 适用的场景主要下面两个：
一是用来开发封装专门功能的复杂组件，可以很方便的集成到其它任何应用里使用，比如这个 Emoji Picker ( https://nolanlawson.github.io/emoji-picker-element/)，还有这个 Giscus 的评论组件 （ https://github.com/giscus/giscus-component ）。
另外一个就是用来实现一套完整的 Design System 的组件库，比如像 Material Design （ https://material-web.dev/），微软的 Fluent UI （ https://developer.microsoft.com/en-us/fluentui#/），不过 Fluent 2 改用 React 了。这种情况下我觉得特别适用于像 Django 或者 Ruby on Rails 这样传统的搞后端模板渲染的 Web 框架使用，替代 Bootstrap 这类的方案。
其余情况我还是建议 React, Vue 之类的吧。

另外如果感兴趣推荐参考一下 Shoelace （ https://shoelace.style/），我感觉是目前最完善的 Web Components 组件库，文档里对主题、动画、本地化定制，还有前面提到的表单的问题都有给出解决方案。