webp 是 google 提倡的一种新的 image 格式，意在为 web 提供体积更小的图片格式。通常情况下，无损压缩可以减小 25%-35% 的体积（有例外情况，反而会增大体积，但是是因为转换图片格式不兼容引起的），有损压缩最大可以节省大约 75%-90% 的体积。

前期准备 一个使用 CRA 创建的新项目或者旧项目 了解 publicPath 是什么 了解 single-spa 中关于微前端应用的概念（及 qiankun 中 html-entry  的概念） 解决如何覆盖 CRA 配置的问题 通常情况下，覆盖 CRA 配置的解决方案有两种： 直接 npm run eject  使用 react-app-rewired 或者 rescripts 等第三方工具 这里使用第...

使用 react hook 来做公司的新项目有一段时间了，大大小小的坑踩了不少。由于是公司项目，因此必须要编写单元测试来确保业务逻辑的正确性以及重构时代码的可维护性与稳定性，之前的项目使用的是 react@15.x 的版本，使用 enzyme 配合 jest 来做单元测试毫无压力，但新项目使用的是 react@16.8 ，编写单元测试的时候，遇...