基于react-hooks ,css-in-js组件库

172 阅读1分钟

在线体验 (online demo)

  1. 最近更新了文档站,优化了typescript类型定义,所有文档根据ts定义自动生成。优化了dumi编译,dumi开启了webpack5和mfsu速度稍微有提高,文档站屏蔽了继承来的大量HTMLAttributes,瞬间干净清爽

button.png

  1. 添加了新的组件,重构增强了部分已有组件,导出更多hooks,工具函数等(一共大概100来个组件和hooks)

商城用到的多列瀑布流布局组件 masonry.png

线上效果

masonry-demo.png

通讯录或城市按字母等索引列表组件

indexlist.png

线上效果

indexlist1.png

防止按钮重复点击

btn1.png

3.最后补充了组件和hooks单元测试,基于jestreact testing-library

jest 调试使用了jest-preview, 对于UI组件调试有很大帮助,后面收到 jest-preview作者提的一个pr, 改进了调试体验

4.大部分组件和功能提炼于公司具体业务,也用于公司多个生产项目, pc管理端搭配antd-design使用, 移动端搭配zarm使用, 部分pc和移动端同一套的业务则纯用react-uni-comps