hood

hood精品文章

• 

  【Under-the-hood-ReactJS-Part13】React源码解读

  接上文， React流程图：https://bogdan-lyashenko.gith... 如果组件真的需要更新 在组件刚开始更新过程时，如果有定义componentWillUpdate方法，则会进行调用。之后，会重绘组件并将对于componentDidUpdate方法的调用压入队列（React会延迟这...

  jerryloveemily 2019-08-22 18:32 评论0 收藏0
• 

  【Under-the-hood-ReactJS-Part13】源码解读

  接上文， React流程图：https://bogdan-lyashenko.gith... 接收组件（更准确的说，是接收新元素） 通过ReactReconciler.receiveComponent方法，React实际会调用ReactDOMComponent的receiveComponent方法，这个方法会接收传递进来的render方法返回的新元素...

  Cobub 2019-08-22 18:32 评论0 收藏0
• 

  【Under-the-hood-ReactJS-Part11】React源码解读

  接上文， React流程图：https://bogdan-lyashenko.gith... 更新组件 关于组件的更新，我们先看下代码里的注释： 对于已挂载组件的更新过程，React会首先调用componentWillReceiveProps和shouldComponentUpdate这两个方法。然后，在更新没有跳过的...

  hiyayiji 2019-08-22 18:30 评论0 收藏0
• 

  【Under-the-hood-ReactJS-Part9】React源码解读

  接上文， React流程图：https://bogdan-lyashenko.gith... 回到最初 在流程图中，也许你已经注意到，setState方法可以通过几种方式触发，更准确的说，可以分为是否由外部引起的（也就是是否由用户触发）。让我们看下如下两个列子...

  SnaiLiu 2019-08-22 18:29 评论0 收藏0
• 

  【Under-the-hood-ReactJS-Part8】React源码解读

  接上文， React流程图：https://bogdan-lyashenko.gith... this.setState 我们已经知道挂载的工作流程，现在我们换个方向研究下--setState方法，这个也是React的重要组成部分。 首先，为什么我们可以在一些方法中调用setState方法呢？显然，...

  zhoutk 2019-08-22 18:25 评论0 收藏0
• 

  【Under-the-hood-ReactJS-Part6】React源码解读

  接上文， React流程图：https://bogdan-lyashenko.gith... 创建初始子组件 在之前的步骤里，组件本身的构建已经完成，接下去，我们分析它们的子元素。总共分为两步：挂载子元素（this.mountChildren）和链接子元素到其父组件（DOMLazyTre...

  codergarden 2019-08-22 18:24 评论0 收藏0
• 

  【Under-the-hood-ReactJS-Part7】React源码解读

  接上文， React流程图：https://bogdan-lyashenko.gith... 回到最初 作为挂载方法执行之后的输出，我们得到了将用于插入DOM树的HTML元素。但是事实上，标签是生成了，但是mountComponenent--不管他叫什么---不是真正的HTML标签。它其实是...

  solocoder 2019-08-22 18:24 评论0 收藏0
• 

  【Under-the-hood-ReactJS-Part4】React源码解读

  接上文， React流程图：https://bogdan-lyashenko.gith... 子组件挂载 我们继续探究mount方法。 如果渲染的标签里有复杂的html标签，如video，form，textarea等，React会包装一些额外的信息。React会对一些多媒体相关的事件添加一些额外的监...

  evin2016 2019-08-22 18:23 评论0 收藏0
• 

  【Under-the-hood-ReactJS-Part2】React源码解读

  接上文， React流程图：https://bogdan-lyashenko.gith... 另外一个事务类 这次，我们将分析ReactReconcileTransaction。正如之前的文章里所讲，我们关注的重点是事务包装器，ReactReconcileTransaction中有三个包装器： //src enderersdomclientReactReconc...

  MartinHan 2019-08-22 18:22 评论0 收藏0
• 

  【Under-the-hood-ReactJS-Intro】React源码解读

  概述：先看看React的架构图：https://bogdan-lyashenko.gith... 好好看一下上图，初看看起来好像很复杂，但是事实上，它只描述了两个过程：挂载和更新。由于卸载在某种程度上就是反挂载，上图中我们移除了卸载的过程，以使...

  seasonley 2019-08-22 18:16 评论0 收藏0
• 

  【Under-the-hood-ReactJS-Part5】React源码解读

  接上文， React流程图：https://bogdan-lyashenko.gith... 更新DOM属性 在更新DOM属性这一步，主要的目标就是将之前的props和当前props的差异高效的更新到DOM上。下面是源码里的注释： 发现属性差异后进行合并，并且在需要时进行DOM更...

  AndroidTraveler 2019-08-22 18:23 评论0 收藏0
• 

  【Under-the-hood-ReactJS-Part1】React源码解读

  接上文， React流程图：https://bogdan-lyashenko.gith... 事务 到现在这一步，组件实例已经通过某种方式加入到React的生态系统中了，同时，React也会对组件进行一些处理，比如ReactUpdates这个专门的模块。正如大家所知，React是批量处...

  lindroid 2019-08-22 18:20 评论0 收藏0
• 

  【Under-the-hood-ReactJS-Part10】React源码解读

  接上文， React流程图：https://bogdan-lyashenko.gith... ‘脏’组件 从流程图里能看出，React会遍历dirtyComponents数组，并在事务中调用ReactUpdates.runBatchedUpdates。这个事务是个新事务。那么为什么要这么设计呢？ 此事务的类型为ReactUpdat...

  CarterLi 2019-08-22 18:29 评论0 收藏0
• 

  【Under-the-hood-ReactJS-Part14】React源码解读

  接上文， React流程图：https://bogdan-lyashenko.gith... 最后的最后 更新方法基于子元素上的多个属性去处理子元素。这里会有几种场景，但是技术上来说主要是两种。一种是子元素仍然是‘复杂’对象，也就是说子元素还是React组...

  molyzzx 2019-08-22 18:31 评论0 收藏0
• 

  【Under-the-hood-ReactJS-Part3】React源码解读

  接上文， React流程图：https://bogdan-lyashenko.gith... 挂载 componentMount是我们重点关注对象之一。 这个方法最重要的部分就是ReactCompositeComponent.mountComponent.如果你还有印象，我提到过第一个被压入到组件树里的组件是TopLevelWrapper（R...

  antyiwei 2019-08-22 18:23 评论0 收藏0