Mr_lemon

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

经过前面的学习，从基础到原理再到生产实践，于此我们对 React 也建立起了一个系统且深入的认知。前不久，React 17 版本正式面世，但 React 17 到底意味着什...

相信不少人在进阶 React 的过程中都会或多或少地了解到这样一件事情：React 有着自成一派的事件系统，它和DOM 原生事件系统不一样。但具体不一样在哪，却很少有人能够...

关于 Fiber 架构的实现原理和编码形态，前面已经洋洋洒洒地分析了 3 讲 。在前面的 3 讲里，通过对整个 ReactDOM.render 所触发的渲染链路进行了分析和...

在上一讲从 beginWork 切入，摸索出了 Fiber 节点的创建链路与 Fiber 树的构建链路。本讲将以 completeWork 为线索，去寻觅 Fiber 树和...

上一章节对 ReactDOM.render 的调用链路、包括其对应的初始化阶段的工作内容都有了学习和掌握。接下来在此基础上，学习后续的 render 阶段和 commit ...

由于 ReactDOM.render 的内容比较多，所以拆分为上中下三部分来讲解。 在上一章节，我们站在宏观角度对 Fiber 的架构分层和迭代动机有了充分的把握。从本章节...

不要在循环、条件或嵌套函数中调用 Hook。 原则 1 无须多言，React-Hooks 本身就是 React 组件的“钩子”，在普通函数里引入意义不大。而对于原则2，相信...

在之前的文章学习中，我们探究了 React-Hooks 的来头，并理解了其背后的“设计动机”。接下来我们来构建对 React-Hooks 的整体认知。 在章节的主体部分，将...

许多人对于React-Hooks这块的知识缺乏自信，至少在面试场景下，当聊到 React-Hooks 的时候，很少人能够像聊 Diff 算法、Fiber 架构一样滔滔不绝、...

在本章节中将来学习React 天然具备的全局通信方式“Context API”，并对 Redux 的设计思想和编码形态进行初步的探索。 Context API 是 Reac...

当谈及生命周期时，其实谈论的是组件的“内心世界”。但组件和人是一样的，它不仅需要拥有丰富的内心世界，还应该建立健全的“人际关系”，要学会沟通和表达。 接下来所要探索的是蕴含...

在对 React 15 的生命周期有了系统的掌握和理解的基础上，我们接着对 React 16 以来的生命周期进行剖析。通过对比新旧两个版本生命周期之间的差异，来探寻变化背后...

最近国内大厂面试中，出现 LeetCode 真题考察的频率越来越高了。我也观察到有越来越多的前端同学开始关注算法这个话题。 但是算法是一个门槛很高的东西，在一个算法新手的眼...

首先我们先看一个简单的表单，收集并校验两个组件的值。只需要通过监听两个表单组件的 onChange 事件，获取表单项的 value，根据定义的校验规则对 value 进行检...