本人搭建的基于 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…