破解浏览器缓存之谜：为何你的 Webpack 应用总是无法自动更新？ 你是否也经历过这样的场景：刚刚加班加点修复了一个线上紧急 Bug，满怀信心地通知用户刷新页面，得到的反馈却是“问题依旧”。你无奈地

此文总结了我多年组件封装经验，以及拜读 antd、element-plus、vant、fusion等多个知名组件库所提炼的完美组件封装的经验；是一个开发者在封装项目组件，公共组件等场景时非常有必要遵循

## 一、背景 古茗会员体系升级需要在小程序首页接入炫酷的动画，通过技术选型最终敲定了阿里出品的`@galacean/effects`，编译后体积`599.3KB`，小程序主包限制最大也就只有`2MB

5 个方法去避免 React 组件中不必要的重渲染。React 组件从开始到现在已经发展了很长一段时间。虽然如此，许多开发者发现还是很难去减少不必要的重渲染。但实际上是有很多方法去避免这个问题的。

对于图片加载，咱们可以更酷炫一点！ 比如这样！ 这样！ 这样！ 还有这样的！ 前言 现代网站中的图片使用量是很大的，在一些门户网站中，还会有一些大尺寸的图片展示，这个时候图片如果加载不顺畅，是很影响用

在 Umi 社区的四年多，很多交流都是在聊天窗口中进行的，并没有留下太多有价值的内容，虽然我尽量整理了部分内容放到了官网的 FAQ 中，但其实还是有很多内容被遗忘了，所以一直想写这么一个系列。

在两年多的 React Hooks 使用过程中，我越来越发现大家（包括我自己）对 React Hooks 的使用姿势存在很大误区，归根到底是官方文档的教程很不严谨，存在错误的指引。

chrome 浏览器上有很多插件，最喜欢的只有这一个，因为它解决了我工作中的很多麻烦。相信我，装上它，你的工作会容易很多。

在 react-router-dom 的官方教程中，一共给出12个示例，但是个人认为，着12个示例看着真的很累人，很多写法，不是标准的企业项目应用的写法，所以针对这个现状，我想用企业项目开发的要求，对教程中的每一个示例进行重写，这篇教程就是它的第一个示例——基本使用和介绍。 组…