• 🎯 storybook构建
• 🎯 基础组件
• 🎯 通讯组件
• 🎯 视频组件
• 🎯 重构Hooks
• 🏆 完善动画
• 🎯 完善路由
• 🎯 添加模拟数据
• 🏆 部署Travis CI

English | 简体中文

Chat-UI —— React组件库

一套基于React Hooks的组件库,实现了45个为移动端而生的常用组件

→ 预览地址

开发笔记

• 生态
• 必须收藏的资源
• 快速入门
  • 安装
  • 用法
• 贡献者们
• 维护者
• 感谢
• License

特性

• 换用styled-components管理样式组件, 具有良好的扩展性 同时实践了 CSS-IN-JS 的开发理念
• 将 hygen 作为模板引擎, 减少重复代码工作。开发过程中有思考地重构, 致力提高可复用性, 让代码量减少了三分之一

参考资料

• storybook文档
• React文档
• dribbble设计稿

快速入门

安装

$ cd chat-ui              # please ignore this command if you executed 'omi init' in an empty folder
$ npm install             # install modules
$ yarn run storybook      # start

目录说明:

├─ _templates
├─ .storybook
├─ public
├─ src
│  ├─ assets        //静态资源
│  ├─ components    //组件目录
│  ├─ data          //存放模拟数据
│  ├─ hooks         //存放抽取出的React Hooks
│  └─ stories       //storybook入口文件

贡献者们

维护者

• gloomyKevin

License

• MIT