项目经验：开发辅助工具库

前言

如果你学会了，可以忽略本文章，或去项目经验地图寻找更多答案

---

前端

//处理逻辑
lodash               工具函数封装集合
classnames           类名处理

//数据处理
day                  处理时间
left-pad             补0操作
joi-browser          强大的表单验证

//请求相关
axios                发送ajax请求
jsonp                发送jsonp请求
urijs                处理url
qs                   处理url
query-string         处理url
jwt-decode           解析token，获取用户信息
store                跨浏览器的存储方案，替代localstorage

//样式
styled-components    css in js
emotion              css in js
normalize.css        统一浏览器样式

//动画
better-scroll        上拉下拉动画

//其他
partivles-bg         canvas动态背景

react

react-transition-group   动画处理
react-loadable           路由懒加载

//数据管理：
redux             全局数据状态管理
react-redux       与react链接的工具
redux-persist     本地存储工具，解决刷新数据丢失问题
mobx              状态管理工具，应用于中小型项目
mobx-react        与react链接的工具

//redux中间件：
redux-logger      日志
redux-thunk       管理异步
redux-saga        管理异步

//数据不可变
immutable         让数据不可变
redux-immutable   让reducer里的数据统一
immer             不可变值库，比immutable简单

---

后端

nodemon           监听改变，自动刷新，如果不是全局安装，需要该package.json
cors			  解决跨域	
nunjucks          模板引擎
jsonwebtoken      网络令牌
bcrypt            密码加密，哈希密码
md5               密码加密
rc                配置文件
config            配置文件
cross-env         解决环境变量问题

morgan            日志打印，记录请求与异常

koa

koa-generator     koa项目脚手架
koa-router        中间件，路由
koa-static        中间件，处理静态资源(图片)
koa-bodyparser    中间件，获取post请求数据
koa-body          bodyparser的升级版，支持处理文件
koa-json-error    错误处理中间件
koa-jwt           用于用户认证与授权，内置jsonwebtoken
koa-compose       用于koa中间件合并执行
koa-cors          用于解决跨域
koa-session       设置session
koa-multer        用于文件上传
koa-bouncer       表单验证
trek-captcha      图形验证码

nest

@nestjs/passport 
passport 
passport-local 
passport-jwt

---

学习更多

项目经验地图