Concis:快速构建React应用程序的高性能、轻量级UI库
2023-02-17 11:47:27
![](https://api.admin.zhjs.top/static/uploads/image/20230217/85P1ZV0AAM2IROB8H2647Z_114725_270937934.jpg)
预览
README
Concis
快速构建 React 应用程序的高性能、轻量级 UI 库。
English | 简体中文
![](https://concis.org.cn/images/index-bg.jpg)
特征
全面
拥有 50 多种开箱即用的高质量组件,可以覆盖绝大部分业务场景。
主题配置
海量色彩,支持全局引入使用:
基于 TypeScript
所有组件都是用 TypeScript 编写的,所以天然的类型友好。
安装
// with npm
npm install concis@latest
// with yarn
yarn add concis@latest
例子
import React from 'react';
import ReactDOM from 'react-dom';
import { Button } from 'concis';
import 'concis/web-react/style/index.css';
function App() {
return <Button type="primary">Hello Concis!</Button>;
}
ReactDOM.render(<App />, document.getElementById('app'));
本地体验
在 examples 文件夹中,有一个 vite
+ react
的工程运行环境,你可以在该环境中体验 concis
组件,在项目根目录运行命令:
pnpm examples:dev
访问http://localhost:5173
。
![](https://concis.org.cn/images/examplepic.jpeg)
![](https://concis.org.cn/images/example-darkpic.jpeg)
相关链接
浏览器支持
![]() IE / Edge | ![]() Firefox | ![]() Chrome | ![]() Safari | ![]() Opera | ![]() Electron |
---|---|---|---|---|---|
Edge 16 | 31 | 49 | 31 | 36 | last 2 versions |
参与贡献
贡献之前请先阅读贡献指南。
感谢所有为 Concis 做过贡献的人!