手写基于Web Components组件库

来源：哔哩哔哩
时间：2023-08-14 21:02:56

一.特点：

前端框架层出不穷，组件库也是。基于Web Components开发，能做到跨框架复用，统一所有情况。

【资料图】

采用Typescript开发，有声明和类型文件。

纯原生手写，无依赖。

整体项目全量导入不到100k，brotli压缩后整体组件库只有 KiB，

类原生，使用上完全可以直接替换原生的标签，更加方便。

二.项目地址

git地址：/chaxus/ran/tree/main/packages/ranui

npm地址：/package/ranui

三.文档

文档地址：/ran/src/ranui/

基于vitepress搭建，所有组件实例均可交互

四.使用

react渲染组件有一套自己的规则：/reference/react-dom/components#custom-html-elements

在tsx中需要注意，react会有一个声明文件，包含所有原生的html标签。自定义的组件类型必然不在里面，需要扩展。

在jsx中不会有类型问题。

五.开发

MIT协议，非商业行为，源码公开

欢迎大家提出各种改进建议，issue和pr

如果有帮助的话，欢迎star

关键词：

永艺股份（603600）8月14日主力资金净卖出96.78万元

娱乐More

U12足球队首战告捷扬州队5球大胜首尔