复现版本 umi@3.1.4 @umijs/plugin-qiankun@2.2.0 子应用渲染空白情况有很多种情况, 这里说的是 浏览器返回 导致空白。 一开始以为是某个步骤错了, 后来发现是 qiankun 的Bug， 后面应该会修复， 没修复之前只能自己 hack 了。 先看问题，录制了 gif 复现步骤： 在子应用

这里不过多介绍，具体请查看：https://github.com/mousejs/use-keep-state Demo 点击这里 useKeepState 是什么 利用 React Hooks 思想实现的一种类路由缓存方案, 实际上它是一种状态。 类似 Vue keep-alive 组件，但实际上不是组件，只是一个 hooks

从React Hooks 正式发布到现在，我一直在项目使用它。但是，在使用 Hooks 的过程中，我也进入了一些误区，导致写出来的代码隐藏 bug 并且难以维护。这篇文章中，我会具体分析这些问题，并总结一些好的实践，以供大家参考。 问题一：我该使用单个 state 变量还是多个 state 变量？ useState 的出现，让我

这篇主要介绍 pureComponent 与 React.memo API特性可以给组件带来性能提升。 pureComponent是什么？ React.PureComponent 与 React.Component 很相似。两者的区别在于 React.Component 并未实现 shouldComponentUpdate()，

通常在SPA应用中大多数情况路由跳转不会进行刷新整个页面，这样就会导致当前页面请求未处理完成而抛出错误异常。 并且这个需求是离不开SPA应用的，在写开源项目时正好有这个需求，分享下我的实现思路。 以react为示例，其他框架异同。 先看看如何取消单个请求 取消单个请求非常简单，只需要配置cancelToken参数。 const

路由切割是在项目中一种性能优化方案，在以前react想实现路由切割非常的麻烦，要么自己配置要么使用第三方库如 react-loadable， 现在你可以完全打破这种想法！ 我没记错的话react-v16.6.0 已经支持路由懒加载， 意思就是不用再依赖第三方库了，这是一个非常好的功能。 路由懒加载实现 react实现懒加载变得非

应用场景 当我们在scss样式文件中想使用其他已经声明好的scss变量文件，通常会这么做： // style.scss @import "variables.scss"; body { color: $theme-color; } 随着项目越来越大，每个样式文件都需要用到全局定义好的变量，这时就变得非常的笨重，弊端就暴露

 观看视频 Dan主要讲了react在16.7.0-alpha版本中的新特性 hooks 没有重大变化 在我们继续之前，请注意Hooks是： 完全选择加入。您可以在几个组件中尝试Hooks，