react 、vue项目中比较实用的js插件

nodemon

一个基于node server服务的插件 当修改server文件后不需要重新run server.js文件 直接刷新页面就可生效

yarn global add nodemon 

terminal 中执行

nodemon server.js

Moment.js

处理时间格式化的类库；
官网

jsmind

树形工作流配置
jsmind

loadsh

javascript 方法库
官网

path-to-regexp

url 的正则表达式
官网
简书

queryString

querystring字面上的意思就是查询字符串，一般是对http请求所带的数据进行解析。querystring模块只提供4个方法：

querystring.parse
querystring.stringify
querystring.escape 对参数进行编码
querystring.unescape 解码
参考博客

react-bootstrap

链接

react-motion

react -单元素动画

redux-saga

官网

styled-component

js css 一体化 组建 款素创建组建
链接

react-waypoint

组建进入视图时 可执行回调函数 onEnter()…
链接

reselect

react-redux性能优化之reselect

简书

whatwg-fetch

npm install whatwg-fetch --save
为了兼容老版本浏览器，还需要安装
npm install es6-promise --save。

	新一代异步获取 数据

链接
fetch API

react-visibility-sensor

React的传感器组件，当它进入或离开窗口视口时通知您。
链接

function  MyComponent（props）{
   return（
     < VisibilitySensor > 
      {（{isVisible}）=> 
        < div > 我是{isVisible ？ ' visible ' ： ' invisible ' } < / div >
      }
    < / VisibilitySensor >
  ）;
}

react-transition-group

react 组件动画
我们可以在组件进入或退出时为其添加样式：
跟踪组件的出现 消失等生命周期 动态处理样式 动画
链接

React Router Hash Link

react 版本的锚点定位

import {HashLink as Link} from 'react-router-hash-link';
 <Link to="/#cocase" className="nav-link">合作案例</Link>

const Section = styled.div`
  position: relative;
  width: 100%;
  padding-top: 51.24%;
  background-image: url(${imgBG});
  background-size: cover;
`;
// 结合styled-component 定义样式 

 <Section id="cocase">
					something。。。。
  </Section>

react-loadable

链接
简书

react-intl

 - 属于   https://formatjs.io/  formatjs一部分

掘金讲解
官网
react 国际化 可格式化数字 转换国际语言

i18next

多语言支持-前端国际化 同上一个插件
官网

react-helmet

React文档head管理器
可以通过 js 动态更改网站 title 和 其他 head 标签里的内容，常用语聊天室，消息推送提示等等；

链接

react-bootstrap-table

table 表格

react 瀑布流

git链接

react 下载excel 插件

js-export-excel

classnames

react 中多类名处理插件

vue的插件

create-keyframe-animation

js 动态生成keyframe animation 动画；
git地址

better-scroll

vue 移动端滚动列表
git

echarts

百度开源图像化工具

vue-cropper

图片裁剪插件
github
demo-online

mitt

Vue3 的消息传递库 跨组件消息 传递
npm地址

##vuesue

其它类型框架

VuePress

• markdown 形式的 ，Vue 驱动的静态网站生成器
  VuePress

docsify

• markdown 形式的文档网站生成器
  docsify

Luckysheet

文档
Luckysheet ，一款纯前端类似excel的在线表格，功能强大、配置简单、完全开源。
在线demo

SpreadJS

在线excel 插件
收费
demo

XSpreadSheet

在线excel 插件
demo
github
好像是个人组织

monaco-editor

基于浏览器的代码编辑器 插件 与vscode 本地编辑器的功能和性能相匹配（微软的 star 31.1k）
github
api --demo

ace

Ace是一个用JavaScript编写的可嵌入代码编辑器。它与Sublime，Vim和TextMate等本地编辑器的功能和性能相匹配(star 24.9k)
正版github
正版api挂个球了
vue 版本github
vue 版本demo