Web Components

⚡ 建立在 Web 标准之上的下一代的 UI 组件库。

💡 什么是 Web Components？

Web Components 是一种全新的组件化概念，比如目前我们在使用的 vue 或者 react 等框架，在不同的框架中就需要使用到不同的组件库，目前的社区中基本上是 vue 和 react 各一套组件库。但是这样对于组件库的维护成本的很高的。

因为无论是什么前端框架，最终都会被打包成 html、css、js。所以 web components 就是来解决上述痛点，使用原生 js 来实现的一种可在任何框架中都可以使用的通用型组件库。

✨ 优势

• 💪 建立在 Web 标准之上
• 🐆 支持广泛
• 🦩 零第三方依赖

🪂 运行

clone git@github.com:FightingDesign/web-components.git

pnpm i

pnpm dev

🤟 欢迎加入

目前 web components 技术还不算成熟，欢迎感兴趣的同学参与开发！

🚀 参考资料

文档

• MDN Web_Components
• MDN template
• MDN slot
• fast
• fast 组件文档
• fast Github
• Github web-component
• :host()
• attachShadow
• host-selectors
• nonce
• adoptedStyleSheets

其它库参考

• carbon-web-components
• shoelace
• ui5-webcomponents
• kor
• wired-elements
• vscode-webview-elements

issues 相关

• core

其它文章

• web components 开发踩坑记
• Web Components 入门实例教程