最近看到一些实用的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 控件。
3. React Hot Toast
React Hot Toast 是一个热门的通知库,包含很多通知的样式。
官网地址:react-hot-toast.com/
4. React Content Loader
React Content Loader 可以用于生成列表加载占位组件。
官网地址:skeletonreact.com/