首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往
您找到你想要的搜索结果了吗?
是的
没有找到

使用 React.Suspense 替换 react-loadable

当前大部分 React 应用需要使用 code splitting 的时候,都选择使用优秀的 react-loadable 来处理检测代码段是否已加载。...React.Suspense是一个新添加到核心React库中的功能,t他的功能基本和 react-loadable 一致,所以不用多说,让我们来看看用 React.Suspense 替换 react-loadable...Step 2: 确定您的异步组件 在 react-loadable 当中,按需加载可能在长这样: const Loading = ({ pastDelay }) => { if (pastDelay...ok, 到此,其实我们已经实现了和 react-loadable 一样的功能。或许细心的你可能发现了,React.Suspense 没有 delay 参数。...更小的bundle: react-loadable gzip后大概是 2K,去掉这个第三方库后,所以打包时间并没有减少多少,但是确确实实减少了2K。

4.2K140

JS 暂时性死区「建议收藏」

JS 暂时性死区 ES6 暂时性死区 引用 ES6 暂时性死区 只要块级作用域内存在let命令,它所声明的变量就“绑定”(binding)这个区域,不再受外部的影响。...这在语法上,称为“暂时性死区”(temporal dead zone,简称 TDZ)。...“暂时性死区”也意味着 typeof 不再是一个百分之百安全的操作。...ES6 规定暂时性死区和 let、const 语句不出现变量提升,主要是为了减少运行时错误,防止在变量声明前就使用这个变量,从而导致意料之外的行为。...总之,暂时性死区的本质就是,只要一进入当前作用域,所要使用的变量就已经存在了,但是不可获取,只有等到声明变量的那一行代码出现,才可以获取和使用该变量。

43850
领券