言简意赅地用86张思维导图🖼，总结 React相关知识点✔，且附原图和源文件📚，快来看看吧🤞~

下面是我阅读过源码后，将所有的执行流程总结出来的流程图，不会贴代码，如果你想阅读代码看看具体是如何实现的，可以根据流程图去源码里寻找。 组件装载 / 更新。 通过lastProps、nextProps判断是否新增、删除事件分别调用事件注册、卸载方法。 获取document对象。…

点击进入React源码调试仓库。 由于fiber机制的特点，生成一个fiber节点时，它对应的dom节点有可能还未挂载，onClick这样的事件处理函数作为fiber节点的prop，也就不能直接被绑定到真实的DOM节点上。 为此，React提供了一种“顶层注册，事件收集，统一触…

本文并不会讲解 hooks 的基本用法， 本文从 一个hooks中 “奇怪”（其实符合逻辑） 的 “闭包陷阱” 的场景切入，试图讲清楚其背后的因果。

阿宝哥第一次使用 TypeScript 是在 Angular 2.x 项目中，那时候 TypeScript 还没有进入大众的视野。然而现在学习 TypeScript 的小伙伴越来越多了，本文阿宝哥将从 16 个方面入手，带你一步步学习 TypeScript，感兴趣的小伙伴不要错…

越来越多的项目都在支持TypeScript，逐渐成为前端必备能力之一。特性虽然很多，但是正常业务开发用到的并不多，够用就行。这里以自己的理解了下总结常用的ts特性。有理解错误的，欢迎大哥指正👏🏻

上一篇文章简单介绍了泛型的概念，以及函数泛型、类泛型、接口泛型的使用方式，还有多参数泛型和泛型约束的方法。本篇将介绍下ts官网提供的一些工具泛型，什么是工具泛型呢？简单来说就是可以把一个复杂的类型转变成我们想要的类型。以下代码举例 这里的Pick也是工具泛型的一种，可以从一个复…

一、JSX（即JavaScript+XML） 1.1JSX中嵌入表达式 在 JSX 语法中，你可以在大括号内放置任何有效的 JavaScript 表达式。 1.2JSX也是一个表达式 编译后，JSX

基于 html+js 实现最简 react ，从基本代码理解 并发模式 + fiber，不要错过👊👊👊