记录React项目中一些实用的npm包(持续整理)

React6 个月前0669

React项目中一些实用的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

持续整理中。。。

0 条评论

暂无评论