React 17 RC 版发布:无新特性,却有新期待!

2020-08-18 · xiejiahe · React
基于 umi-qiankun 子应用渲染空白解决方案

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

2020-06-08 · xiejiahe · React
React 利用useKeepState实现路由缓存

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

2020-06-04 · xiejiahe · React
Ant Design 4.0 正式版来了!

2020-03-01 · xiejiahe · React
使用React Hooks正确姿势

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

2019-10-13 · xiejiahe · React
react组件性能优化方案

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

2019-06-01 · xiejiahe · React
路由切换完美取消HTTP请求

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

2019-05-30 · xiejiahe · JavaScript React
react路由切割按需加载

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

2019-04-27 · xiejiahe · React
react/vue中引入scss全局变量

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

2019-04-13 · xiejiahe · Vue.js React
分享React Conf 2018视频

![](https://raw.sevencdn.com/xjh22222228/public/gh-pages/img/39.png) 观看视频 Dan主要讲了react在16.7.0-alpha版本中的新特性 hooks 没有重大变化 在我们继续之前,请注意Hooks是: 完全选择加入。您可以在几个组件中尝试Hooks,

2018-12-05 · xiejiahe · React