简单易用的React组件库——Concis

简介: 简单易用的React组件库——Concis介绍

您好,如果喜欢我的文章,可以关注我的公众号「量子前端」,将不定期关注推送前端好文~


最近一直在做的一件事,其实就是尝试做一款自己的React组件库,先看下组件库文档的页面吧~

#

image.png

image.png

整个时间陆陆续续持续了大约两个月吧,npm目前周下载量也达到了600+,也是一种鼓励和支持。

image.png

接下来我来介绍一下React-View-UI的基本使用。

1.下载

npm i react-view-ui || yarn add react-view-ui

2.引入

import { Button } from "react-view-ui/dist/my-lib-esm";
import "react-view-ui/dist/index.css";

3.基本使用

<Button type="primary">基础按钮</Button>

更多的组件使用方法可以查看文档:http://react-view-ui.com:92/#/common/button

最后贴一下github和npm地址~

欢迎使用和学习,如果有任何问题欢迎留言私信,或者github提issue~

目录
相关文章
|
2月前
|
资源调度 前端开发 JavaScript
React 的antd-mobile 组件库,嵌套路由
React 的antd-mobile 组件库,嵌套路由
76 0
|
3天前
|
存储 前端开发 JavaScript
前端框架与库 - React基础:组件、Props、State
【7月更文挑战第12天】React是JavaScript库,专注UI构建,基于组件化。组件是UI模块,可函数式或类定义。Props是组件间安全传递数据的只读参数,用defaultProps和propTypes保证正确性。State则是组件内部可变数据,用于驱动更新。使用setState()确保正确变更和渲染。了解并妥善处理这些概念是高效React开发的基础。
|
2天前
|
前端开发 JavaScript 开发者
前端框架与库 - React生命周期与Hooks
【7月更文挑战第13天】React 框架革新UI构建,引入Hooks简化组件状态管理和副作用处理。组件生命周期涉及挂载、更新、卸载,对应不同方法,如`componentDidMount`、`shouldComponentUpdate`等,但现在推荐使用`useState`和`useEffect` Hooks。`useEffect`处理副作用,需注意清理和依赖数组。避免问题的关键在于正确使用Hooks和理解其工作模式,以构建高效应用。
|
2月前
|
前端开发 Android开发 iOS开发
应用研发平台EMAS使用 aliyun-react-native-push 库接入推送和辅助通道,推送都可以收到,但是在App切到后台或者杀掉进程之后就收不到推送了,是需要配置什么吗?
【2月更文挑战第31天】应用研发平台EMAS使用 aliyun-react-native-push 库接入推送和辅助通道,推送都可以收到,但是在App切到后台或者杀掉进程之后就收不到推送了,是需要配置什么吗?
59 2
|
2月前
|
存储 前端开发 中间件
React组件间的通信
React组件间的通信
33 1
|
2月前
|
前端开发 JavaScript API
React组件生命周期
React组件生命周期
92 1
|
2月前
|
前端开发 应用服务中间件 数据库
react服务端组件
react服务端组件
32 0
|
2月前
|
前端开发 JavaScript
快速上手React:从概述到组件与事件处理
快速上手React:从概述到组件与事件处理
|
9月前
|
前端开发
React-父子组件通讯
React-父子组件通讯
30 0
React-父子组件通讯
|
2月前
|
存储 前端开发 JavaScript
React组件中如何通讯
React组件中如何通讯
20 0