React中我用过的库

web

UI库

• antd

富文本插件

• draft-js

• react-draft-wysiwyg
  这个库的的使用：例子源码。
  有个小问题关于样式导入
  

  

  Paste_Image.png

• quill.js

地图

• react-leaflet

图表

• d3
• recharts 基于D3的react库

3d

• threejs

文件导出

• js-export-excel

音乐谱获取

• AnalyserNode

node.js

图片本地压缩：

• imagemin

const imagemin = require("imagemin");
const imageminMozjpeg = require("imagemin-mozjpeg");
const imageminPngquant = require("imagemin-pngquant");
const imageminGifsicle = require("imagemin-gifsicle");
const makeDir = require('make-dir');
const Path = require("path");
const {promisify} = require('util');
const fs = require('fs');

const writeFile = promisify(fs.writeFile);

module.exports = async function(path, name) {
  await imagemin([`${path}/${name}`], {
    plugins: [
      imageminMozjpeg({
        quality: 80,
      }),
      imageminPngquant({
        quality: [0.6, 0.8],
      }),
      imageminGifsicle(),
    ],
  }).then(data =>
    data.map(async re => {
      await makeDir(Path.dirname(re.sourcePath));
      await writeFile(Path.join(Path.dirname(re.sourcePath),Path.basename(re.sourcePath).replace(/\./,".min.")), re.data);
      return re;
    }),
  );
};

验证码生成

• svg-captcha

持续不定时更新，欢迎大家推荐比较好的库。