2020 年你需要了解的 5 个 React UI 库

2025-05-27

2020 年你需要了解的 5 个 React UI 库

React 是最流行的 Web 框架之一。它并非完全是一个框架,而是一个前端库,但人们经常这样描述它,也经常提及它或将它与其他框架进行比较。

React 的特别之处在于它率先提出了基于组件的架构,为 Web 开发行业指明了方向。由于 React 的受欢迎程度,许多其他框架也纷纷效仿。

React 的模块化特性创造了一个快速发展的 UI 库生态系统。你们可能都知道一些最受欢迎的库:

当然,还有很多规模较小、不太知名的图书馆也很棒。让我们来看看其中一些吧!

索环

Grommet是一个基于 React 的框架,允许您根据产品/公司风格定制组件库。Grommet 提供的可访问性和模块化特性,甚至允许您控制组件之间的交互方式。除了框架之外,您还可以访问图标资源包以及一些实验性功能,例如Grommet Designer(允许您使用专用界面构建组件)或Grommet Themer (一款实用工具,可将公司风格细节导入 Grommet Designer)。

GitHub |网站

索环

Chakra 用户界面

Chakra UI是另一个简洁易用的 React 组件库。Chakra UI 严格遵循标准,所有组件都自带相应的属性和开箱即用的键盘交互功能,为您提供构建全新精彩 React 应用所需的所有基础组件!

GitHub |网站

Chakra 用户界面

重低音

Rebass是一个简洁却强大的 UI 组件库,它拥有简洁易用的移动优先响应式样式,并采用基于数组的语法。Rebass 仅包含 18 个基于 Styled System 库的轻量级组件。Rebass 易于定制,能够创建非常强大的功能,被称为“React 版 Bootstrap”。听起来很有前途,对吧?

GitHub |网站

重低音

常绿

Evergreen是由 Segment 维护的 React UI 框架,用于构建美观的 Web 产品。它包含一组开箱即用的组件。Evergreen 的组件基于 React UI Primitive 构建,这使得它们高度灵活且可比。如果您正在为项目寻找一套生产级的 UI 组件,Evergreen 是一个不错的选择!

GitHub |网站

常绿

React 套件

React Suite是一套精心设计的 React 组件。React SUite 提供注重细节设计的组件以及开发者友好的 UI 环境。React Suite 是一套即用型库,即使是最复杂的企业产品需求也能满足。

GitHub |网站

React 套件


使用 GraphQL 增强你的 API

GraphQL 编辑器是一种工具,它可以通过数十个内置微功能(如模拟后端或前端引擎)来帮助您更快地构建、管理和部署GraphQL API ,以预览您的 GraphQL 查询!

GraphQL 编辑器

文章来源:https://dev.to/graphqleditor/5-react-ui-libraries-you-need-to-check-out-in-2020-2g6o
PREV
Docker 和 Fast API 入门
NEXT
使用 SVG、CSS 和 JS 创建动画 dev.to 个人资料图片,然后将其转换为 GIF [教程]。