React-UI库比较

最新推荐文章于 2024-07-28 00:56:04 发布
最新推荐文章于 2024-07-28 00:56:04 发布
阅读量2.3w 收藏 12
点赞数 3
分类专栏： React
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qiqingjin/article/details/79219206
版权
本文对比了多个React UI库，包括Ant Design、Ant Design Mobile、Elemental UI等，重点关注社区活跃度、维护状态、license、组件数量、国际化支持、无障碍访问及按需加载。结论指出，Antd在多国语言支持上表现最佳，Material UI和Onsen UI分别适合PC和Mobile，而无障碍访问普遍缺乏支持。
摘要由CSDN通过智能技术生成

回归博客了。说明我变得不那么忙了。最近干了件有意思的事情，根据团队需求选择一个React UI库，把结果和感受和大家分享一下。

待对比的库

国内使用React的小伙伴可能很多都用Antd，其实国外也有很多优秀的React UI库。本次选择的有：

  • Ant Design
  • Ant Design Mobile
  • Elemental UI
  • Material UI
  • React-Bootstrap
  • Reactstrap
  • Semantic UI
  • Onsen UI

我关注的点

首先，由于很多responsive的库，对mobile的支持并不好，我希望pc和mobile选择两个UI库。下面是我关注的一些方面：

  • 社区活跃度
  • 是否长期维护
  • license
  • components数量
  • 国际化支持，主要是 locale (i18n) 和 RTL direction
  • accessibility，主要针对残障人士
  • 按需加载和包大小

结论

name pc or mobile dependencies star watch license whole size(gzipped) load on demand language RTL
Material UI both(response) 11 32.4k 1141<
最低0.47元/天 解锁文章
柒青衿
关注
  • 3
    点赞
  • 踩
  • 12
    收藏
    觉得还不错? 一键收藏
  • 3
    评论
专栏目录
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组件UI库
比鲁斯大人的博客
04-26 924
react vant - 轻量、可靠的移动端 React 组件库 (3lang.dev)
React最受欢迎的5个UI框架
前端视听
06-03 1万+
1：Ant-design 推荐指数：star:60.2k 官网：https://ant.design/docs/react/introduce-cn Github: https://github.com/ant-design/ant-design/ Ant Design一套企业级 UI 设计语言和 React 组件库，基于Ant Design 设计体系的 React UI 组件库，用于研发企业级中后台产品，风格素雅简洁，喜欢的可以选择使用，目前在react技术栈领域使用的较为广泛，各种文档也比较齐全，遇
Webpack--入门只看这一篇就够了(图文＋代码）
最新发布
weixin_46714216的博客
07-28 2880
代码分离（code splitting）和懒加载（lazy loading）是Webpack中用于优化资源加载的两种技术。代码分离是将打包生成的代码文件拆分成多个较小的文件，而不是将所有代码打包到一个文件中。这样做的好处是可以提高初始加载速度，并减小每个页面的加载所需的数据量。通过代码分离，只需在需要时加载特定模块，提高了页面的响应速度和用户体验。懒加载是指在需要时才加载某个模块，而不是在初始加载时就将所有代码一次性加载完毕。通过懒加载，可以将页面分成多个模块，并根据需要动态地加载模块。
react-UI_教程
YOLO
11-12 436
1. 最流行的开源React UI组件库 1). material-ui(国外) 官网: http://www.material-ui.com/#/ github: https://github.com/callemall/material-ui 2). ant-design(国内蚂蚁金服) 官网: https://ant.design/ github: https://github.com/ant-design/ant-design/ 2. ant-design使用入门 1). 使用create-re
2024 5个最受欢迎的React UI 组件库
代码说，代码让世界更美好。
03-21 4115
2024 5个最受欢迎的React UI 组件库
React常用的5个UI框架
热门推荐
祈澈菇凉
06-02 5万+
1：Ant-design 推荐指数：star:60.2k 官网：https://ant.design/docs/react/introduce-cn Github: https://github.com/ant-design/ant-design/ Ant Design一套企业级 UI 设计语言和 React 组件库，基于Ant Design 设计体系的 React UI 组件库，用于研发企业级中...
2023 年 8 个最佳 React UI 组件库和框架
wang_yu_shun的博客
06-14 8175
将展示八个最好的 React UI 组件库和框架，如下表所示：（星标加关注，开车不迷路）「React Bootstrap：」一个与 Bootstrap 框架集成的实用的 React UI 库。「Grommet：」如果您想在设计中实现可访问性，这个 React UI 组件库非常有用。「Blueprint：」对于桌面 React 应用程序，您需要查看 Blueprint 的产品。「Ant Design...
react-chat-ui:React一个用于构建聊天UI的React组件库
04-30
:speak-no-evil_monkey: React聊天UI 用于构建聊天UI的React组件库。赞助由赞助： 特征自动滚动到底部超级好用多用户分组（在演示中试用） 请记住，该项目仍处于开发的早期阶段。 如果您遇到错误或有功能请求，请在...
react-ui-library：CheaprEats React UI组件库
02-04
CheaprEats用户界面库公关要求通过请求请求中的图像展示可视层通过您的请求中的GIF /视频展示互动/动画层Macbook：Command + Shift + 5 Windows：Snip工具安装要求更漂亮： ：//marketplace.visualstudio....
React-chat-ui:React的聊天UI组件
05-19
Create React App入门 该项目是通过引导的。 可用脚本 在项目目录中，可以运行： yarn start 在开发模式下运行应用程序。 打开在浏览器中查看它。 如果您进行编辑，则页面将重新加载。 您还将在控制台中看到任何...
swagger-ui-react：从swagger-ui生成swagger-ui-react的存储库
02-15
由于swagger-ui-react是在swagger-ui的构建过程中生成的，因此我们需要swagger-ui-react构建swagger-ui-react ，并将其托管在与，以便在该仓库中引用Github URL。 package.json将正常工作（package
react和material-ui基础概念
qq_27361945的博客
03-23 2657
import React, {useRef, useEffect} from 'react'; import {useTheme} from '@material-ui/core/styles'; //import echarts from 'echarts/lib/echarts'; import * as echarts from 'echarts'; //let exfn = ()=><div>页面</div>; export default function(.
一站式概览，30个不容错过的React UI库，值得收藏！
前端达人
11-25 5825
选择一个好的UI库确实是一个挑战，因为很难预测你的项目中会缺少哪些组件。这种情况我也遇到过很多次。今天，我就为大家整理了30个用于构建React应用的UI库。我们这次涵盖了各种风格的库，比如模仿Windows UI、MacOS UI的，应该能满足大家的各种需求。这可能是你需要的最后一个UI库合集了。让我们开始吧！1、Ant DesignAnt Design 真的是ReactJS中最棒的UI库之一，...
Material-UI （React 使用）
qi_xiao2的博客
11-19 3472
1、根据官方教程安装material-UI $ npm install @material-ui/core 2、material UI 中的组件在使用的时候是支持部分引入的，这样不会因为全局引入造成包过大。 import React from 'react'; import Button from '@material-ui/core/Button'; const App ...
十六、react UI组件库
快乐de馒头
08-15 363
其它组件库：饿了么UI。
React框架之MaterialUI详解 （一）开始
zxmatline的博客
02-05 1606
React框架有很多，基本上主流的我都用过，小众的我也用过，但是MaterialUI是我用的最顺手的一个框架，几曾何时我也想过自己整一个框架，后来还是放弃了，主要是精力和时间跟不上。再说了，就是现在的框架已经非常优秀了， 没有必要再一个轮子。Material UI 是一个开源的 React 组件库，实现了 Google 的 Material 设计风格。它功能全面，开箱即用。
几款ReactJS最优秀的UI框架
dt1991524的博客
01-21 3万+
上篇文章中写了流行的前端UI几大框架，发现大部分评价都是Vue的UI组件库，从评论中得知漏掉了很多，也有人问React ui，自己就搜索总结下适应于ReactJS的UI组件库。 一.Material-UI   Material-UI是一款React组件库来实现Google的Material Design风格UI界面框架。也是首个React的UI工具集之一。使用它可以快速搭建出赏心悦目的应...
7 款最棒的 React 移动端 UI 组件库 - 特别针对国内使用场景推荐
蒋川@卡拉云
05-25 1万+
优秀的 React UI 移动端组件库和模版框架，帮我们节省开发时间，提高开发效率，统一设计语言。更棒的是内置的功能复杂，我们自己很难处理的常用组件，比如表格、表单、富文本编辑器、时间日期选择器、实时拖拽组件等，再进一步，还有帮我们把组件的轮子装好的 React admin 后台管理系统。本文推荐 7 款适用于中文使用者习惯的开源 React 移动端 UI 库，特别针对国内使用场景推荐。
React-Native组件开发与实践指南
4. **颜色渐变**：`react-native-linear-gradient`库支持在React-Native中创建线性渐变背景，增强UI设计。 5. **手势识别**：`react-native-gesture-recognizers`库提供了多种手势识别功能，如滑动、拖动等，增强了...
评论 3
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

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

余额充值