大家应该都用过在线写代码的工具，比如 vue 的 playground： 左边写代码，右边实时预览。 右边还可以看到编译后的代码： 这是一个纯前端项目。 那它是怎么实现的呢？我们自己能实现一个么？ 可

之前的两篇文章，分别介绍了react-hooks如何使用，以及自定义hooks设计模式及其实战，本篇文章主要从react-hooks起源，原理，源码角度，开始剖析react-hooks运行机制和内部原理，相信这篇文章过后，对于面试的时候那些hooks问题，也就迎刃而解了。实际r…

简介 useReducer => useState 的高级方案，官网说 useReducer 是 useState 的替代方案，我觉得说是 useState 的高级方案更合适。

useState => 让函数组件具有维持状态的能力 。即在一个函数组件的多次渲染之间，这个 state 是共享的。

react-router-dom v6的出现让我们彻底抛弃了react-router-config.

Routes 代替Switch组件,不会向下匹配 用来包裹Route Route 必须被Routes组件包裹 component属性变成element caseSensitive 路径大小写敏感属性，

一 前言 今天我们来一起探讨一下React事件原理，这篇文章，我尽量用通俗简洁的方式，把React事件系统讲的明明白白。 我们讲的react版本是16.13.1 , v17之后react对于事件系统会