开发者社区> 前端充电宝> 正文

60+ 实用 React 工具库,助力你高效开发!(上)

简介: 最近看到一些实用的React工具库,总结了一下分享给大家,避免重复造轮子。希望对你有所帮助~
+关注继续查看

最近看到一些实用的React工具库,总结了一下分享给大家,避免重复造轮子。希望对你有所帮助~


一、基础


1. React Infinite Scroller

React Infinite Scroller 用于在React项目中无限滚动加载内容。

npm地址:www.npmjs.com/package/rea…


2. react-dnd

React DnD是React和Redux核心作者 Dan Abramov创造的一组React 高阶组件,可以在保持组件分离的前提下帮助构建复杂的拖放接口。主要用于组件的拖放。

npm地址:www.npmjs.com/package/rea…


3. react-beautiful-dnd

react-beautiful-dnd是一款美观且简单易用的 React 列表拖拽库。

npm地址:www.npmjs.com/package/rea…


4. react-icons

使用 react-icons 可以轻松地在 React 项目中包含流行的图标。

npm地址:www.npmjs.com/package/rea…


5. react-share

react-share是一个React 的社交媒体分享按钮和分享次数库。

npm地址:www.npmjs.com/package/rea…


6. create-react-app

Create React App 是一个命令行界面工具,让您无需任何配置即可快速创建和运行 React 应用程序。

npm地址:www.npmjs.com/package/cre…


7. react-intl

React Intl 提供了一个 React 组件和用于国际化 React Web 应用的 Mixin。它提供一个格式化日期、数字、字符串消息的描述方式。

npm地址:www.npmjs.com/package/rea…


8. react-router

react-router 是个用于 React.js 的路由解决方案(routing solution)。它轻松可以同步你的 app 和 URL,同时给嵌套,转换,和服务端渲染一流的支持。

npm地址:www.npmjs.com/package/rea…


9. React Virtualized

react-virtualized是一个以高效渲染大型列表和表格数据的响应式组件,可以用来解决长列表渲染问题。

npm地址:www.npmjs.com/package/rea…


二、状态管理


1. redux

Redux 是 JavaScript 状态容器,提供可预测化的状态管理。可以让你构建一致化的应用,运行于不同的环境(客户端、服务器、原生应用),并且易于测试。

npm地址:www.npmjs.com/package/red…


2. react-redux

Redux 官方提供的 React 绑定库。 具有高效且灵活的特性。

npm地址:www.npmjs.com/package/rea…


3. MobX

MobX是一个经久考验的库,使得状态管理简单而且透明、可伸缩的应用功能反应性编程(TFRP)。

npm地址:www.npmjs.com/package/mob…


4. redux-saga

redux-saga是一个用于管理应用程序 Side Effect(副作用,例如异步获取数据,访问浏览器缓存等)的库,它的目标是让副作用管理更容易,执行更高效,测试更简单,在处理故障时更容易。

npm地址:www.npmjs.com/package/red…


5. redux-thunk

Redux 的 Thunk 中间件。

npm地址:www.npmjs.com/package/red…


三、组件


1. Ant Design

antd 是基于 Ant Design 设计体系的 React UI 组件库,主要用于研发企业级中后台产品。

官网地址:ant.design/index-cn


2. React Select

React Select 是一个开箱即用的 Select 控件。

官网地址:react-select.com/home


3. React Hot Toast

React Hot Toast 是一个热门的通知库,包含很多通知的样式。

官网地址:react-hot-toast.com/


4. React Content Loader

React Content Loader 可以用于生成列表加载占位组件。

官网地址:skeletonreact.com/


版权声明:本文内容由阿里云实名注册用户自发贡献,版权归原作者所有,阿里云开发者社区不拥有其著作权,亦不承担相应法律责任。具体规则请查看《阿里云开发者社区用户服务协议》和《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容,填写侵权投诉表单进行举报,一经查实,本社区将立刻删除涉嫌侵权内容。

相关文章
阿里云服务器怎么设置密码?怎么停机?怎么重启服务器?
如果在创建实例时没有设置密码,或者密码丢失,您可以在控制台上重新设置实例的登录密码。本文仅描述如何在 ECS 管理控制台上修改实例登录密码。
23576 0
阿里云服务器ECS远程登录用户名密码查询方法
阿里云服务器ECS远程连接登录输入用户名和密码,阿里云没有默认密码,如果购买时没设置需要先重置实例密码,Windows用户名是administrator,Linux账号是root,阿小云来详细说下阿里云服务器远程登录连接用户名和密码查询方法
22330 0
阿里云ECS云服务器初始化设置教程方法
阿里云ECS云服务器初始化是指将云服务器系统恢复到最初状态的过程,阿里云的服务器初始化是通过更换系统盘来实现的,是免费的,阿里云百科网分享服务器初始化教程: 服务器初始化教程方法 本文的服务器初始化是指将ECS云服务器系统恢复到最初状态,服务器中的数据也会被清空,所以初始化之前一定要先备份好。
16629 0
阿里云服务器安全组设置内网互通的方法
虽然0.0.0.0/0使用非常方便,但是发现很多同学使用它来做内网互通,这是有安全风险的,实例有可能会在经典网络被内网IP访问到。下面介绍一下四种安全的内网互联设置方法。 购买前请先:领取阿里云幸运券,有很多优惠,可到下文中领取。
22526 0
如何设置阿里云服务器安全组?阿里云安全组规则详细解说
阿里云安全组设置详细图文教程(收藏起来) 阿里云服务器安全组设置规则分享,阿里云服务器安全组如何放行端口设置教程。阿里云会要求客户设置安全组,如果不设置,阿里云会指定默认的安全组。那么,这个安全组是什么呢?顾名思义,就是为了服务器安全设置的。安全组其实就是一个虚拟的防火墙,可以让用户从端口、IP的维度来筛选对应服务器的访问者,从而形成一个云上的安全域。
19765 0
windows server 2008阿里云ECS服务器安全设置
最近我们Sinesafe安全公司在为客户使用阿里云ecs服务器做安全的过程中,发现服务器基础安全性都没有做。为了为站长们提供更加有效的安全基础解决方案,我们Sinesafe将对阿里云服务器win2008 系统进行基础安全部署实战过程! 比较重要的几部分 1.
11998 0
110
文章
0
问答
文章排行榜
最热
最新
相关电子书
更多
JS零基础入门教程(上册)
立即下载
性能优化方法论
立即下载
手把手学习日志服务SLS,云启实验室实战指南
立即下载