简单易用的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~

目录
相关文章
|
JavaScript 前端开发 API
对比Vue框架与React库的主要区别
在选择Vue还是React时,考虑项目的需求、团队的熟悉程度和个人偏好至关重要。如果项目需要快速原型开发和较小的学习曲线,Vue可能是更好的选择。相反,如果项目需要更大的灵活性,或者项目团队已经有React的经验,那么React可能是更合适的选择。
551 13
|
前端开发 JavaScript UED
React 图标库使用指南
本文详细介绍如何在 React 项目中使用 `react-icons` 等图标库,涵盖环境搭建、基础使用、常见问题与易错点、高级用法等内容,并通过代码案例进行说明。适合初学者和进阶开发者参考。
1334 8
|
资源调度 前端开发 JavaScript
React 测试库 React Testing Library
【10月更文挑战第22天】本文介绍了 React Testing Library 的基本概念和使用方法,包括安装、基本用法、常见问题及解决方法。通过代码案例详细解释了如何测试 React 组件,帮助开发者提高应用质量和稳定性。
616 1
|
前端开发 JavaScript API
React开发需要了解的10个库
本文首发于微信公众号“前端徐徐”,介绍了React及其常用库。React是由Meta开发的JavaScript库,用于构建动态用户界面,广泛应用于Facebook、Instagram等知名网站。文章详细讲解了Axios、Formik、React Helmet、React-Redux、React Router DOM、Dotenv、ESLint、Storybook、Framer Motion和React Bootstrap等库的使用方法和应用场景,帮助开发者提升开发效率和代码质量。
685 4
React开发需要了解的10个库
|
资源调度 前端开发 JavaScript
React中classnames库使用
【10月更文挑战第7天】
|
前端开发
React技术栈-react使用的Ajax请求库用户搜索案例
这篇文章展示了一个React技术栈中使用Ajax请求库(如axios)进行用户搜索的实战案例,包括React组件的结构、状态管理以及如何通过Ajax请求获取并展示GitHub用户数据。
259 7
React技术栈-react使用的Ajax请求库用户搜索案例
|
前端开发
React技术栈-react使用的Ajax请求库实战案例
这篇文章介绍了在React应用中使用Axios和Fetch库进行Ajax请求的实战案例,展示了如何通过这些库发送GET和POST请求,并处理响应和错误。
287 10
React技术栈-react使用的Ajax请求库实战案例
|
存储 前端开发 JavaScript
|
前端开发 JavaScript 开发者
前端框架与库 - React生命周期与Hooks
【7月更文挑战第13天】React 框架革新UI构建,引入Hooks简化组件状态管理和副作用处理。组件生命周期涉及挂载、更新、卸载,对应不同方法,如`componentDidMount`、`shouldComponentUpdate`等,但现在推荐使用`useState`和`useEffect` Hooks。`useEffect`处理副作用,需注意清理和依赖数组。避免问题的关键在于正确使用Hooks和理解其工作模式,以构建高效应用。
269 2
|
存储 前端开发 JavaScript
前端框架与库 - React基础:组件、Props、State
【7月更文挑战第12天】React是JavaScript库,专注UI构建,基于组件化。组件是UI模块,可函数式或类定义。Props是组件间安全传递数据的只读参数,用defaultProps和propTypes保证正确性。State则是组件内部可变数据,用于驱动更新。使用setState()确保正确变更和渲染。了解并妥善处理这些概念是高效React开发的基础。
332 7