今天我们推荐的就是2023年最火的前端开源项目，目前在GitHub已超过44K Star，它就是：shadcn-ui。

本文通过信息卡片组件示例 info-card 手把手教你使用 Web Components，包括创建元素、附加 Shdow DOM、模版和插槽、设置 CSS 样式、响应式属性和状态、自定义事件等内容！

大家都用过组件库，react 流行的组件库有阿里的 ant-design、字节的 semi-design、arco-design 等。 那这些组件库都是怎么打包的呢？ 我们自己写个组件库的话，怎么写打

快2024年了，还在苦哈哈地手工配置husky、eslint、prettier、lint-staged、commitlint吗？一步到位的的git-validator你可以考虑一下

@NPM发包前置知识 为了发布一个React组件库，你需要先对NPM发包有一些基本了解 先好好读一虾 🍤 介篇文章↓↓↓ NPM库的发布——诚意奉献，一文讲透 @创建一个库工程 后续模板选择React

组件不多，但在搭建过程中掌握了很多知识，再看 antd 等热门组件库，对其中的一些设计也有了更深的感悟，故记录下来，希望能帮助到其他的同学。

带你了解更全面的 Monorepo，本文涵盖了 Monoreo 演进、优劣、踩坑、及全面的方案选型，后续计划补充最佳实践~

尽管 Web Components 可能还没有全面的进入研发者的视野，现在还备受争议，但是它已经被很多大厂已经直接或者间接将它用于实践，并且在市场上也出现了很多 Web Components 库。。。