你应该知道的 7 个 React 库

大部分前端都是用 React 构建的。 React 似乎不会很快消失。 React 最重要和最有前途的方面之一是使用代码组件。从按钮到滚动条和工具栏，这些组件是我们 UI 应用程序的构建块。

React 封装的组件可以管理自己的状态，并且可以组合起来制作复杂的 UI。由于组件逻辑是用 JavaScript 而不是模板编写的，因此您可以轻松地通过应用传递丰富的数据并将状态保持在 DOM 之外。 React 使您能够将 UI 拆分为独立的、可重用的部分，并单独考虑每个部分。

为了提供快速有效的启动和使用 React 组件的强大工具集，这里有一些重要的框架和工具，可帮助您使用现有的 React 构建块来构建 UI。

1.反应材质界面

Material UI 是一个流行的框架，它实现了 Google 的 Material Design 原则。它包含大量组件，包括栏、表格、按钮、导航等等。它甚至包含 900 多种不同的 SVG 图标，可用于您的用户界面。

2.反应引导程序

React Bootstrap 为为 React 组件重建的 Bootstrap 提供了一个基于组件的框架。 Bootstrap 可能是世界上最流行的 UI 框架，并且将其设计与 React 组件的强大功能相结合……好吧，这不正是我们所能要求的吗？

3.反应贝儿

React Belle 提供了一组漂亮的可配置组件，包括 Toggle、ComboBox、Rating、TextInput、Button、Card、Select 等。该框架以针对桌面和移动设备优化组件而自豪，同时允许高度的样式可重构性。

4.反应工具箱

React Toolbox 是一个流行的库，包含基于材料设计的组件。它建立在一些最流行的提议之上，比如 CSS Modules（用 SASS 编写）、Webpack 和 ES6。该库与您的 Webpack 工作流程和谐地集成在一起，并且易于定制且非常灵活。虽然包含大约 10 种组件，但可配置性使它们成为组成出色 UI 体验的绝佳场所。

5.反应索环

Grommet 是一个强调基本体验的 React 库。所有组件均可访问、跨浏览器兼容并支持主题定制。通过属性配置可以增强组件的灵活性。它本质上是一个美丽的游乐场，用于快速简单地构建具有关键基本功能的干净 UI。

6.语义界面

React Semantic UI 是语义 UI 的官方 React 集成。 Semantic 是一个开发框架，可帮助使用人类友好的 HTML 创建漂亮的响应式布局。它使您能够控制呈现的 HTML 标记，或呈现一个组件 as 另一个组件。额外的道具被传递给你正在渲染的组件 as .您可以组合组件功能和道具，而无需添加额外的嵌套组件。这对于使用 MenuLinks 至关重要 和 react-router .

7.与比特反应

Bit 是一个强大的工具，可让您使用在任何其他应用程序或存储库中的任何应用程序或存储库中找到的任何组件。它在您的源文件之上添加了一个薄的虚拟化层，有助于在任何需要的地方创建、管理和重用组件。它还允许您使用单个组件而无需拉入整个库。它会自动解析文档并使用任何框架在任何地方为您的组件运行测试，使其成为用于 React 组件的绝佳工具。在 Bit 社区中心，您还可以找到几乎所有您需要的 React UI 功能的组件。