React DevUI:React 18 还没正式发布,我们已经开发了一个基于 React 18 的组件库

avatar
前端组件库 @华为

Kagol

近期React 18发布了第3个 RC 版本:react@18.0.0-rc.3,这意味着距离 React 18 正式发布的时间越来越近。

React 18 将是第一个支持并发特性(Concurrent Features)的 React 版本,它将以一种前所未有的方式提升开发者体验。

DevUI 是一个专注于提升前端研发效率和体验的开源组织,我们有一套孵化自 DevCloud 等众多业务的 DevUI Design 设计体系,并且基于 DevUI Design 实现了多个开源项目:

  • Ng DevUI:Angular 版本 DevUI 组件库,一个面向企业中后台产品的开源前端解决方案
  • Ng DevUI Admin:灵活可定制的 Admin 系统,基于 DevUI 组件库和设计体系
  • Vue DevUI:Vue3 版本 DevUI 组件库,基于Vite+Vue3+TypeScript+JSX技术栈
  • React DevUI:基于React18DevUI Design的 UI 组件库

React DevUI 是什么

React DevUI是由 DevUI 开源组织 PMC 成员 Xie Jay 发起的开源项目,Xie Jay 是一位经验丰富并且对质量要求很高的开发者,对 Angular、React 等多种框架都很熟悉,很早就与 DevUI 结缘,并且给我们的 Ng DevUI 组件库提过多个 PR 和建设性意见。

2021年11月,由 Xie Jay 主导发起了React DevUI开源组件库项目,该项目:

  • 基于最新的React 18+TypeScript+Nx技术栈
  • 包含26个灵活、高质量的组件(还在持续丰富中)
  • 支持主题定制
  • 支持国际化
  • 支持 TypeScript
  • 支持 Monorepo
  • 支持单元测试(持续完善中)
  • 包含完善的设计指南 / 开发规范 / 贡献流程
  • 完善的构建 / 发布 / 测试 / 依赖管理等基础设施

除了使用了最新的技术进行组件开发之外,React DevUI 还对组件的细节体验进行极致的打磨,比如:

  • 🌈 所有组件和网站均遵循WCAG 2.0规范做了无障碍设计(Accessibility),比较明显的就是焦点管理和对键盘方向键的支持,欢迎到我们的官网体验。
  • ⚡ 针对大数据量的列表做了极致的虚拟滚动,渲染和筛选数十万数据无任何卡顿,感兴趣可以体验下我们的Select组件。
  • ✨ 在API设计上,我们也经过了仔细的推敲和思考,所有组件的 API 都以易用和是否符合预期为设计原则,简洁、灵活、开发者友好,从Compose组件就可以窥见一斑。

贡献者招募

React DevUI 项目一经发起就吸引了非常多社区的小伙伴参与进来,目前已经有22位田主认领了42个组件,还有部分组件未被认领,比如:Table / DatePicker / Breadcrumb / EditableSelect / InputNumber / Skeleton等,非常欢迎大家一起参与共建。

通过参与 React DevUI 开源项目,你将收获:

  • 🔥 学习最新的React 18+TypeScript技术
  • 🎁 学习如何设计和开发组件
  • ⭐ 磨炼编程技能、向高手学习优秀的编码实践
  • 🎊 结识一群热爱学习、热爱开源的朋友

以下是 React DevUI 项目的官网(欢迎体验 😝):

react-devui.com/

源码地址(欢迎 Star 🌟):

github.com/DevCloudFE/…

认领组件可以在以下 issue 进行评论 📝:

github.com/DevCloudFE/…

添加小助手微信:devui-official,拉你进 DevUI 技术交流群。