0.1.5 • Published 6 months ago

rui-react v0.1.5

Weekly downloads
-
License
MIT
Repository
github
Last release
6 months ago

RUI 是一套基于 React / TypeScript 实现的 UI 组件库,主要组件有导航菜单、自动完成、上传等。 文档页面使用 Storybook 制作而成,可快速修改属性并实时看到变化。

  • 使用 Jest 以及 React Testing Library 实现单测覆盖率大于 90%。
  • 使用第三方库(react-fontawesome, react-transition-group)扩充组件,提供图标库及实现过渡动画效果。
  • 使用 SASS 预处理 CSS,通过其变量、mixin、嵌套等功能,提高 CSS 代码的可维护性。
  • 使用 GitHub Actions 完成 CI/CD 以及自动发布至 npm。

预览地址 源码链接 项目笔记

快速开始

安装

使用 npm

$ npm install rui-react

使用 yarn

$ yarn add rui-react

使用示例

1. 引入样式

在项目的入口文件(如index.tsx)中引入样式

import "rui-react/dist/index.css";

2. 使用组件

import React from "react";
import { Button } from "rui-react";

const App = () => {
  return <Button>默认按钮</Button>;
};

export default App;