记录React项目中一些实用的npm包(持续整理)
React项目中一些实用的npm包,为方便查阅,简单记录下,详细使用方法可点击传送门查看,持续整理中。
- Vue版本传送门 记录Vue项目中一些实用的npm包(持续整理)
- Koa服务端版本传送门 记录Koa服务端项目中一些实用的npm包(持续整理)
一、redux 状态管理
Redux 是 JavaScript 状态容器,提供可预测化的状态管理。 传送门
npm install redux --save
二、react-redux 状态管理
react-redux是Redux的官方React绑定库。它能够使你的React组件从Redux store中读取数据,并且向store分发actions以更新数据,一般会和 Redux 一起使用 传送门
npm install react-redux --save
三、react-transition-group 动画库
react-transition-group 一个官网提供的动画过度库。 传送门
npm install react-transition-group --save
四、react-lazyload 图片、组件懒加载
react-lazyload 用于图片和组件的懒加载。 传送门
npm install react-lazyload --save
五、react-wx-images-viewer 移动端图片浏览
react-wx-images-viewer是一个通用型的移动端图片浏览 React 组件。主要功能仿照微信图片浏览功能开发。 传送门
npm install react-wx-images-viewer --save
六、react-zmage 图片浏览
react-zmage 是一个基于 React 的的图片缩放控件, 使用 Zmage 标签包裹后的图片可以获得缩放效果, 您可以用这个控件替代原生的 img 标签, 令其附带图片缩放功能。 传送门
npm install react-zmage --save
七、react-loadable 代码分割、路由按需加载
react-loadable是一个在react应用中使用非常简单的轻量级的代码分割组件库。 传送门
npm install react-loadable --save
八、qrcode.react 生成二维码
一个生成二维码的react组件。传送门
npm install qrcode.react --save
九、xlsx 读取和导出excel的工具库
一款非常方便的只需要纯JS即可读取和导出excel的工具库,功能强大,支持格式众多,支持xls、xlsx、ods(一种OpenOffice专有表格文件格式)等十几种格式。传送门
npm install xlsx --save
十、react-dnd 拖拽神器
功能强大的react拖拽组件。传送门
npm install react-dnd react-dnd-html5-backend --save
十一、react-resizable 调整元素大小
通过拖拽调整元素大小。传送门
npm install react-resizable --save
十二、react-window 虚拟列表滚动
通过虚拟滚动解决大数据量渲染的卡顿问题。传送门
npm install react-window --save
十三、react-router-config 配置式路由辅助工具
react-router-config 是 react-router 的一个辅助工具,主要帮你做集中配置式路由。传送门
npm install react-router-config --save
十四、classnames 类名辅助工具
classnames 类名辅助工具,可以有条件地将类名连接在一起。传送门
npm install classnames --save
十五、react-codemirror2 代码编辑器
在线代码编辑器 Codemirror 的轻量级 React 组件。传送门
npm install react-codemirror2 codemirror --save
持续整理中。。。
暂无评论