复现版本 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,