lhuanyu

react主要把到期时间分为两种：异步任务到期时间与交互动作的到期时间。在这之前需要了解一下一些重要的函数，react的到期时间与系统的时间ms不是1：1的关系，低优先级异步任务的两个时间间隔相差不到250ms（相当于25个单位的 到期时间）的任务会被设置为同一个到期时间，交互…

注意本文将与之前的文章2-6-2、对类组件执行updateClassComponent紧密相关。 回顾类组件的实例化，给出一些setState相关的准备工作。 。 setState是依赖enqueueSetState来执行更新的,enqueueSetState代码在下面的分析中…

上述示例的工作过程可以分为准备阶段与处理reques事件这两个阶段。 注册logger中间件，也就是将中间件函数添加到一个名为middleware的数组中。 注册x-response-time中间件。 注册response中间件。 监听3000端口。 1. 创建koa实例，调用…

react-is 梳理react框架中两大类型：ReactElement以及Portal类型。梳理React.memo，Ref等类型的构建成ReactElementd的过程 ... ... scheduler调度器原理，大致基本流程已给出图示，以后再给出更详细具体的调度解析，其…

react-transition-group是react官方提供的动画库，Transition的源码浅析，本项目中目前实现了一种场景下的过渡动画:点击标签，路由跳转，挂载与卸载需要过渡动画的组件。 项目中Disc.tsx、TopList.tsx、SingerDetail.tsx…

强烈推荐一篇非常好的文章：如何使用scheduler以及react并发模式做性能优化。需要特别注意的是文中的一段话： To remove these limitations, the Google Chrome team is working together with Rea…

通过API：typeOf理解react中各种组件类型的关系。理解portal类型与reactElement类型的构建过程，与使用区别。梳理react中的类型，两大类型的构建过程。 上述代码，react先将<div>"portal"</div>部分调用createElement生…

react遇到React.Fragment标签，先验证器检测是否符合规范，再调用createElement创建reactElement。 React.Fragment允许传入的属性有key,children，不能传入ref以及其他属性，因为React.Fragment最终不会渲…

,阅读全文，可以了解react.children基本原理，掌握react.children各个API的用法，还能了解到官方API以外的补充用法。 func给this.a赋值为1000，在传入context的时候，外部的context.a变成了1000。 1. 初始调用 mapC…