Yozo 发布:小于 5kB 的原生 Web Components 库,无需构建工具
来源标题:Yozo – a custom element library for simple, robust and readable components
Yozo 是一个体积小于 5kB 的 Web Components 库,最新版本 gzip 压缩后为 4449 字节,仅需一个 script 标签即可直接使用,无需 NPM 或构建工具。它基于原生 Web Components,可在任意项目中复用组件,并宣称兼容其他工具。作者还将其与 Lit、StencilJS 的实现做了对比。
以下正文由 AI 翻译自 Hacker News 最新(原文版权归原站所有),可能存在偏差,重要内容请以原文为准。
Yozo 是一个极小(<5kB)的即插即用、无负担的 Web Components 解决方案。跳过 NPM——只需一个 <script> 标签,就能让你写出漂亮的代码,并直接发布。Yozo 最新版本 gzip 压缩后仅 4449 字节,并且将始终保持在 5kB 以下,以保证网站的流畅和响应速度。作为参考,这比下面这张汽车图片还小:
Yozo 构建于原生 Web Components 之上,随处可用,且与其他工具良好兼容。组件写一次,就能在任何项目中使用。
复杂的构建工具和配置地狱简直是噩梦,因此 Yozo 被打造为“开箱即用”的解决方案。用一个 script 标签引入,立刻就能上手使用。
Yozo 让你写出简洁、声明式、可读性强的代码,而且一切就是这么自然而然地跑起来。
组件的接口一目了然,因为定义就从接口开始。仅看前三行,我们就能看出这个组件叫 click-counter,它有一个 amount 属性,还有一个 reset() 方法。就这么简单!
还不信?把这个组件与另外两个 Web Component 库/框架——Lit 和 StencilJS 中的实现做个对比。为求完整,我还附上了这个基础组件用原生 JS 写出来是什么样子。
从这里开始,探索 Yozo 提供的各种资源吧。
正文由 探How 从来源站点 RSS 同步,内容未经改写;遇到排版缺失或需要图片、视频时请以原文为准。