240 发简信
IP属地:浙江
  • Resize,w 360,h 240
    react源码6 - setState批量更新batchedUpdated

    很多人在面试的时候遇到过这样一道题, 问:这几个console分别是什么?很多人都会说setState会合并,所以三个都是0。可能再加个异步的说...

  • react源码6 - ExpirationTime

    在前面的文章里有提到,在创建更新的时候,会有一个ExpirationTime的变量,在这章里我们了解一下它的计算方式和作用是什么。 1. Ex...

  • react源码5-什么是FiberRoot,Fiber,Update

    FiberRoot是什么呢,在上一章ReactDom.render的文章里,在主流程里我们有看到这样一个函数createFiberRoot,这个...

  • Resize,w 360,h 240
    react源码4-ReactDom.render

    我们在写react代码的时候,基本上都见过这样的代码: 大家都知道ReactDom.render的作用是将模板渲染到我们指定的dom节点,但re...

  • Resize,w 360,h 240
    react源码3 - ref

    ref可以获取dom节点或者react元素的实例,一般有三种使用方法 1. string ref 使用方法就是在react元素上使用一个ref属...

  • Resize,w 360,h 240
    react源码2 - Component

    Component应该是我们平时写react代码用的最多的api之一了,Component和PureComponent也是react两大base...

  • Resize,w 360,h 240
    react源码1 - reactElement

    我们在写react代码的时候,使用的都是jsx的语法,那jsx是怎么转化成js能被浏览器识别的呢。我们直接看babel是怎么转译的。左侧是jsx...

  • 怎么在react里写ts

    这篇文章将简单的演示怎么在react中加上ts,从一个简单的icon组件说起。普通react环境下是这样的。icon.tsx index.tsx...

  • react的ts配置

    最近准备自己造一套轮子,技术栈暂定为react+typescript。在react引入ts的时候还是遇到了一些坑,所以写篇文章记录一下引入的过程...