Mr_lemon

在遍历时我们经常会用到for in和for of，但有小伙伴经常不知道二者有什么区别，本文章将告诉大家什么时候用for in什么时候用for of

经过前面的学习，从基础到原理再到生产实践，于此我们对 React 也建立起了一个系统且深入的认知。前不久，React 17 版本正式面世，但 React 17 到底意味着什么，或许有不少人会感到一头雾水。因此，在专栏的最后一讲，先来一起聊聊面向未来的 React——React …

相信不少人在进阶 React 的过程中都会或多或少地了解到这样一件事情：React 有着自成一派的事件系统，它和DOM 原生事件系统不一样。但具体不一样在哪，却很少有人能够一五一十地说清楚。 我们知道，对于不同的知识，需要采取不同的学习策略。就 React 事件系统来说，它涉及…

关于 Fiber 架构的实现原理和编码形态，前面已经洋洋洒洒地分析了 3 讲 。在前面的 3 讲里，通过对整个 ReactDOM.render 所触发的渲染链路进行了分析和串联，由此把 Fiber 架构在实现层面的大部分要点都捋了一遍。之所以花这么大篇幅，一方面是因为这部分知识…

在上一讲从 beginWork 切入，摸索出了 Fiber 节点的创建链路与 Fiber 树的构建链路。本讲将以 completeWork 为线索，去寻觅 Fiber 树和 DOM 树之间的关联，将整个 render 阶段讲透。在此基础上，结合 commit 阶段工作流将会对 …

上一章节对 ReactDOM.render 的调用链路、包括其对应的初始化阶段的工作内容都有了学习和掌握。接下来在此基础上，学习后续的 render 阶段和 commit 阶段。这其中，render 阶段可以认为是整个渲染链路中最为核心的一环，我们反复强调“找不同”的过程，恰恰…

由于 ReactDOM.render 的内容比较多，所以拆分为上中下三部分来讲解。 在上一章节，我们站在宏观角度对 Fiber 的架构分层和迭代动机有了充分的把握。从本章节开始，将以首次渲染为切入点，拆解 Fiber 架构下 ReactDOM.render 所触发的渲染链路，结…

不要在循环、条件或嵌套函数中调用 Hook。 原则 1 无须多言，React-Hooks 本身就是 React 组件的“钩子”，在普通函数里引入意义不大。而对于原则2，相信很多人在它身上栽过跟头，或者说至今仍然对它半信半疑。其实，原则 2 中强调的所有“不要”，都是在指向同一个…

在之前的文章学习中，我们探究了 React-Hooks 的来头，并理解了其背后的“设计动机”。接下来我们来构建对 React-Hooks 的整体认知。 在章节的主体部分，将会通过一系列的编码实例来帮助你认识 useState、useEffect 这两个有代表性的 Hook，这一…