React常用组件库集合---kalrry--ing

已于 2022-02-07 00:09:16 修改
阅读量556 收藏
点赞数
分类专栏： React 文章标签： react.js javascript 前端框架
于 2022-01-08 04:47:06 首次发布
kalrry
本文链接：https://blog.csdn.net/weixin_45406712/article/details/122375574
版权

React常用组件库集合---kalrry--ing

前言

待整理—ing

常用—记录ing

序号名称描述备注
01Ant Design React
02
03
04
05

UI库

Ant Design
由蚂蚁金服提供的一套企业级的 UI 设计语言和 React 实现。

实用库

Axios
一个基于 promise 的 HTTP 库，可以用在浏览器和 node.js 中。

应用框架

DvaJs
基于redux，redux-saga和 react-router 的轻量级前端框架

Umi
基于react路由，是一个可插拔的企业级 react 应用框架

时间日期

moment.js
javascript 日期处理库

kalrry
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论
专栏目录
墙裂推荐！每个前端开发人员都必须知道的 8 个 React 组件库！
CodeQi技术小栈的博客
06-26 1042
是一款非常流行的 React 组件库，基于 Google 的 Material Design 设计规范。它提供了一整套丰富的 UI 组件，覆盖了从基本的按钮到复杂的对话框和数据表格等常用组件。Ant Design是由阿里巴巴开发和维护的一款企业级 UI 设计语言和 React 组件库。它提供了一整套开箱即用的高质量 React 组件，适合构建复杂的企业级应用。Chakra UI是一个简单、模块化且可访问的组件库，为构建 React 应用程序提供了一组基于设计系统的 UI 组件。Blueprint。
react-lib:react组件库
04-11
Async 异步加载组件 AsyncVisual 窗口视图展示时加载 Auth 权限控制 Button 按钮封装 DefineComponent 自定义组件封装 EchartFrame echarts组件封装 Form 表单组件 Icon 按钮（兼容iconfont） Img 图片组件（按顺序加载） Input 输入框组件 Link 路由跳转组件 Loading 加载中组件 Modal 对话框封装组件 Pagination 分页组件再封装 Portal 门户组件 Radio 单选框组件再封装 Select 下拉框组件再封装 Swiper 轮播图组件 Table 表格组件再封装 TableView 表格查询界面封装 Tabs tabs组件再封装 Text 文本组件（加图标） Tree 树组件再封装（添加按需加载） Upload 文件上传组件
react-一个简易的React组件库
08-14
一个简易的React组件库，包含日期、日历、关联选择、树形列表、下拉选框、多级联动、提示等等
React实用插件
weixin_34099526的博客
12-26 119
react-router 路由 github.com/ReactTraini… react-form 表单处理 redux-form.com/6.7.0/docs/… redux-persist store本地持久化 github.com/rt2zz/redux… react-list 列表惰性展示 github.com/coderiety/r… react-photoswipe 图片详情查看 g...
react组件库
newbie_ling的博客
09-20 461
React组件库 目标 自动化或半自动化开发 通过配置文件，命令问题 生成可直接用的页面容器。 需要：脚手架工具、配置文件、模版业务页面的编写； 自建的UI库、组件库 能够导出sketch library，实现前端与设计之间的协作。 需要：通过Material-Design重新编写一套UI库，现有的antD需要逐步替换； 任务拆解 第一阶段： 过程：工具类 & UI库 -...
React组件封装集合
weixin_34124939的博客
11-01 819
前言 一直以来，都是在项目中将公共React组件放在Common之类的文件夹，今天抽时间把以前博客介绍过的几个React组件抽象出来，挂载到npm上，提供下载安装。 React组件集合列表 下面列举的React组件都可以点击链接去github下载使用，具体安装教程看readme文档。 1、lazy-load-component 提供webpack异步加载React组件的高阶函数。 如果你的rea...
react-native-ui-lib：React Native的UI组件库
02-01
用于React Native的UI工具集和组件库 查看我们的。 我们的 下载我们的Expo演示应用 （您将需要Expo App） 正在安装 请参阅安装说明。 新的主要版本5.0 查看 对于React Native> = 0.60.0 请使用react-native-ui-...
react-ace：React Ace组件
02-04
npm install react-ace ace-builds yarn add react-ace ace-builds 基本用法 import React from "react" ; import { render } from "react-dom" ; import AceEditor from "react-ace" ; import "ace-builds/src-...
react-reactdraggableReact可拖拽组件
08-15
在React的世界里，创建交互式的用户界面是一项挑战，但库如`react-draggable`使得实现拖放功能变得轻松易行。`react-draggable`是Mza Briskie开发的一个开源项目，它允许我们将任何React组件转化为可拖动的元素，极...
react-horizontal-scrolling-menu:React的水平滚动菜单组件
04-18
npm install --save react-horizontal-scrolling-menu 在项目中： import React , { Component } from 'react' ; import ScrollMenu from 'react-horizontal-scrolling-menu' ; import './App.css' ; // list o
react-loading:用于加载动画的React组件
05-28
npm i react-loading 或者 yarn add react-loading 演示版 检查 加载类型 空白的 球 吧台 气泡 立方体 赛龙 旋转 气泡 辐条 例子 import React from 'react' ; import ReactLoading from 'react-loading' ; const...
react-zentReact组件库开发脚手架
08-15
zent React组件库开发脚手架
react-高品质ReactUI组件库
08-14
React UI组件库通常包括一系列预先设计和测试的组件，如按钮、表单元素、布局组件、导航栏、弹框等，这些组件遵循一定的设计规范，确保应用的视觉一致性。使用这些库可以极大地提高开发效率，减少样式冲突，并确保...
react-React水印组件支持图片水印文字水印
08-15
"react-watermark-module" 是一个专为此设计的React组件，它允许开发者轻松集成图片水印和文字水印功能。下面将详细阐述这个组件的核心特点、用法以及如何在实际项目中应用。 一、核心特点 1. **灵活性**：react-...
react-split-pane：React拆分窗格组件
02-05
React拆分窗格 ...npm install react-split-pane # or if you use yarn yarn add react-split-pane # # Example Usage ` ` ` jsx < /SplitPane > < SplitPane split = " vertical " minSize =
react-anchor-link-smooth-scroll:使用平滑滚动polyfillReact锚链的组件
05-02
安装依赖项： npm install react-anchor-link-smooth-scroll 添加脚本 import React from 'react' import ReactDOM from 'react-dom' import AnchorLink from 'react-anchor-link-smooth-scroll' const Smooth...
React项目插件总结(1)
weixin_44284981的博客
07-27 179
react-document-title 根据路由动态设置页面的title 安装 npm install react-document-title 使用 import DocumentTitle from "react-document-title" import { withRouter } from "react-router-dom"; class Main extends React.Component { getPageTitle = () => { // 可根据相关需求
react 优秀组件库
CamilleZJ的博客
05-12 1822
优秀的react组件库推荐，有其他好用的请来补充 1、Ant Design 2、Ant Design Mobile 3、material-ui React Material-UI 是一组实现了谷歌 Material Design 设计语言的 React 组件。非常高的 star 数，帅气的 Material 设计规范实现，巨量 issue 和贡献者，明星级的项目。激进地全局使用了 inline 样式，可能会让部分人群不适应。 4、react-bootstrap bootstrap3 设计..
react插件包
weixin_30819163的博客
08-21 87
react-scoped-style support ie8,ie8+,chrome,firefox,safari does not support css priority (just apply rules by css order in source text) does not support css property inheritance (no shadow dom...)...
react函数组件使用react-neditor
最新发布
11-15
下面是一个使用React函数组件和react-neditor的示例： 首先，我们需要安装react-neditor： ```shell npm install react-neditor --save ``` 然后，我们可以在我们的React函数组件中导入并使用它： ```jsx import...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

kalrry

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值