本人搭建的基于 React + Redux + Antd + Immutable 的前端我的项目,同时反对单元测试和集成测试, 反对CI 以及 docker部署，目前还在不断完善中，心愿大佬们捧场给个 Star
我的项目地址 React-Delicacies
React-Delicacies
基于 React, Redux, React-Router, Immutable 的前端脚手架
对于次要技术栈
- 基于支流的 React,React-Router 进行我的项目开发,应用 Redux 进行状态治理,应用 Immutable 进行优化
- 基于 redux-thunk 解决 action 异步问题,对于 action 的调用程序如有须要请应用自研中间件 redux-controlled-promise,应用形式请看官网文档
- 基于 Jest 和 Enzyme 提供欠缺的单元测试和集成测试, 简单场景冒烟测试可本人装置相应依赖
- 反对第三方平台 Mock 数据
- 欠缺的 Axios 申请封装以及标准的错误处理
对于前端自动化
本我的项目基于 Webpack 实现前端自动化
- 反对Antd, moment, lodash 等罕用库的 tree-shaking
- 每一个 Router 作为一个 chunk 进行懒加载,代码拆分,缩小包的体积
- 抽离公共代码配合 hash 长久化, 放慢用户访问速度
- 为模块提供编译两头缓存, 晋升二次编译速度
- 生产环境提供 gzip 的代码压缩,不消耗后端服务器的的 CPU 进行压缩
- Webpack hash 长久化,配合 HTTP 缓存进步拜访效率
- 反对 CSS Module
- 反对 Less 等预编译语言,标准书写 mixins,管控 variables
- 配合第三方 CDN 进步浏览器资源申请效率
- 反对 Webpack 多过程, 晋升编译以及打包速度
对于开发体验以及标准
- Eslint 和 Prettier 完满联合,反对 React, Jsx, Js, Jest 等的语法检测,以及完满的代码格式化,编写体验十分棒
- Stylelint 检测 CSS,Less 等语法,保障款式书写标准
- commit 之前,主动对暂存区代码修复以及检测,扼守好代码最初一道关口
- CI CD 继续集成,保障代码品质
对于剖析报告
- 能够输入欠缺的测试报告分析测试覆盖率
- 反对命令行查看打包剖析报告
对于我的项目部署
- 反对应用 Docker 和 Nginx 进行部署
我的项目地址
- https://juejin.cn/post/696250...