热门组件库和工具库(附链接)

一、组件库

1. ant Design

一套企业级 UI 设计语言和 react 组件库。适用于大部分后台管理系统的基本开发工作。

2. proComponent

在ant Design的基础上进行了封装，和ant Design设计体系一脉相承，可以无缝对接ant Design项目。建议与umi搭配使用。

3. Ant Design Mobile

适用于移动端的 UI 设计语言和 react 组件库。

4. TDesign

企业级设计体系，适用于vue、react、微信小程序、QQ小程序的组件库。

5. Element UI

基于 Vue，面向设计师和开发者的组件库

6. Vant

轻量、可靠的移动端 Vue 组件库

7. antV

数据可视化解决方案，包含大量的、适用于各种设备的图表。

AVA智能洞察、Ant Design Charts图表库、G2统计图表、S2多维表格、G6关系图、X6流程图、L7地图、F2移动统计图、F6移动关系图、F7移动地图(未发布)

8. echarts

一个基于 JavaScript 的开源可视化图表库

9. iconfont

阿里巴巴矢量图标库。

10. DataV

阿里云数据可视化平台(收费)

二、插件

1. wangEditor

开源 Web 富文本编辑器，开箱即用，配置简单

2. braft-editor

美观好用的React富文本编辑器，使用方法可以参考本人博客～

3. CodeMirror

一款代码编辑器工具，使用方法参考本人博客～

4. react-monaco-editor

  一款适用于umi的代码编辑器，使用方法可以参考本人博客～

5. react-diff-viewer

一款好用的代码diff工具，使用方法可以参考本人博客～

6. echarts-for-react

一款封装好的echarts图表，使用的时候直接注入属性和数据即可，使用方法可以参考本人博客～

三、工具库

1. Moment.js

在 JavaScript 中解析、校验、操作、显示日期和时间。

import moment from 'moment';

moment(date).format('YYYY-MM-DD HH:mm:ss')

2. Day.js

Day.js是一个极简的JavaScript库，可以为现代浏览器解析、验证、操作和显示日期和时间。

3. Lodash

Lodash 是一个一致性、模块化、高性能的 JavaScript 实用工具库。

4. js-cookie.js

// 安装

$ npm install js-cookie --save

// 导入

import Cookies from 'js-cookie'

// 设置

Cookies.set('name', 'value', { expires: 7, path: '' });//7天过期
Cookies.set('name', { foo: 'bar' });//设置一个json

// 访问

Cookies.get('name');//获取cookie
Cookies.get(); //获取所有的cookie

// 删除

Cookies.remove('name');

 

四、文档 

React 中文网

React Native 中文网 · 使用React来编写原生应用的框架 

UmiJS - 插件化的企业级前端应用框架

DvaJS - dva 基于 redux 和 redux-saga 的数据流方案 

Redux 中文文档 · Redux

Vue.js - 渐进式 JavaScript 框架 | Vue.js