三方技术选型

web开发实践中最佳三方库整理

每个轮子都有很多个实现,但是最好的就那几个,这边整理下遇到的react使用中最好的轮子。

编程环境

分类 名称
编辑器 vscode,webstorem
包管理 yarn
基础框架 react
其他常规内容 webpack,babel,rollup

组件

分类 名称
图形化 echart(https://echarts.baidu.com/)
拖拽 react-dnd
react-beautiful-dnd 偏应用层
代码编辑器 react-ace + brace 首选底层ace
react-monaco-editor 调研中 底层monaco-editor
react-live 编辑+动态渲染方案
react-json-view json编辑器
地图 react-amap
终端 xterm.js
富文本 braft-editor
代码高亮 react-syntax-highlighter
markdown渲染 react-markdown
无限滚动 React-window
webide theia-ide
右键菜单 react-contexify
区域拖拽 react-split-pane
图片截选 react-image-crop
趋势线 react-sparklines
搜索词高亮 react-highlight-words
动效 react-spring
取色版 react-color
响应式支持 react-responsive

工具

分类 名称
css解决方案 BEM+classname+sass
网络请求 axios/fetch
基础工具库 lodash
复制 react-copy-to-clipboard
页面meta属性 react-helmet
二维码 qrcode.react
顶部进度条 nprogress
时间处理 moment
国际化 react-intl
文本输入优化 text-mask
路由处理 history
query string处理 qs
react属性校验 prop-types
生成唯一uid cuid
数字处理 big.js
json schema校验 ajv
计算最佳匹配工具 didyoumean.js
csv处理 react-csv
Base64处理 js-base64
zip处理 jszip
md5计算 browser-md5-file
eccel处理 js-xlsx

####

文章目录
  1. 1. 编程环境
  2. 2. 组件
  3. 3. 工具