5 个被低估的 React 库⚛️ 第一部分

每个 React 开发者每天都会使用 React 库来构建 React 应用程序，这是一种更好、更快捷的创建自定义组件的方法。
所以今天，我想分享 5 个 React 库，它们将帮助你构建 React 项目。

1. React-Perfect-Scrollbar
这是一个允许在 React 中使用 perfect-scrollbar 的包装器。它在我们的项目中用于创建美观的滚动条。主页GitHub使用方法：- 安装软件包 导入 css 文件（如果您有 css 文件加载器）： 在您想要使用的位置导入模块：




npm install react-perfect-scrollbar -S

import 'react-perfect-scrollbar/dist/css/styles.css';

import PerfectScrollbar from 'react-perfect-scrollbar'

2. React DnD
React DnD 是一个拖放库，主要用于在特定元素上实现拖放功能。主页GitHub用法：- 安装软件包 在您想要使用的位置导入模块：




npm install react-dnd react-dnd-html5-backend

import { useDrag } from 'react-dnd'

3. React-Device-Detect
检测设备，并根据检测到的设备类型渲染视图。主页GitHub使用方法：- 使用 npm 或 yarn 安装软件包：





npm install react-device-detect --save

或者

yarn add react-device-detect
在您想要使用的地方导入模块：
import {
BrowserView,
MobileView,
isBrowser,
isMobile
} from "react-device-detect";

4. Pure React Carousel
一套高度独立的 React 组件，用户可以自行组装，创建响应式、兼容 Aria 的轮播组件，几乎不受 DOM 结构或 CSS 样式的限制。主页GitHub使用方法：- 将模块添加到你的项目中。 只需将所需的组件导入项目即可。





npm i -S pure-react-carousel

import React from 'react';
import { CarouselProvider, Slider, Slide, ButtonBack, ButtonNext } from 'pure-react-carousel';

5. React 网格系统
一个强大的、类似 Bootstrap 的 React 响应式网格系统。
react-grid-system它提供了一个受 Bootstrap 启发的 React 响应式网格。此外，它还具有各种强大的附加功能，例如通过 React 上下文设置断点和间距宽度。
它提供了三个用于创建响应式网格的组件：Container、Row和Col。主页GitHub使用方法：- 安装：- 使用示例：-





npm install react-grid-system --save

希望你喜欢这些 React 库，欢迎留言分享你的想法，并推荐更多你在 React 项目中日常使用的库。
更多内容，请关注我的
Instagram @ chetan.fullstack。

谢谢！
😎 保留声明，直接编码！