以下知识点不需要追求完全精通,但是需要大致了解
- web 基础 - MDN,W3C
- ES Next - JavaScript 完整手册
- TypeScript(可选,直接使用 js/jsx 文件开发亦可) - 官方文档
- React - 入门教程,官方文档
- 路由 react-router-dom - 官方文档,中文文档
- 预处理 less/scss/sass - less 文档,scss/sass 文档,选一即可。
- 模块化 CSS Modules - CSS Modules 用法教程
- 状态管理 Mobx/Redux 二选一,大型项目推荐采用 Redux,中小型项目推荐采用 mobx 降低开发成本
- UI 组件 ant-design
- 包管理,选一即可
- 打包工具
- webpack 中文文档
- 其他
- console 用法 中文文档
- react-transition-group - 组件进出动画
- react-media - 响应式
- 状态管理
- Mobx - Mobx 中文文档
- Redux - Redux 中文文档
- redux-saga - redux-saga 中文文档
- qrcode - 二维码生成
- photoswipe - 图片预览
- 数据可视化
- chartjs - chartjs 官网
- 图像绘制
- 移动端调试工具
- vconsole - vconsole npm
- eruda - eruda npm
- screenfull 全屏工具 - 简书
- js-base64 - 文本转base64
- axios - 请求工具
- classNames - 快速组合 CSS 类
- exif-rotate-js - 图片压缩并处理旋转
- file-saver - 客户端保存文件
- ua-parser-js - userAgent 解析工具
- lodash - 高性能实用工具库
- 时间处理
- moment - 官方文档
- dayjs - Moment.js 的 2kB 轻量化方案
- date-fns - date-fns npm
- js-cookie - cookie 操作
- any-rule - 正则大全
- rxjs - 响应式流程管理
- name-styles - 命名格式转换(如下划线转驼峰)
- react-snap - 预渲染HTML
- webpack-parallel-uglify-plugin - 多进程代码压缩
- filemanager-webpack-plugin - 文件操作和压缩
- core-js - 低版本浏览器兼容方案
- fs-extra - 文件操作
- inquirer - 命令行表单
- reconnecting-websocket - 自动重连websocket
- npm-check-updates - npm包版本检查与更新
- n - node 版本管理工具
- nrm - npm 数据源管理