自从react16.8，react-hooks诞生以来，在工作中一直使用hooks，一年多的时间里，接触的react项目，渐渐使用function无状态组件代替了classs声明的有状态组件，期间也总结了一些心得。尤其对于近期三个月的项目里，一点点用自定义hooks来处理公司项…

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

很多同学用react开发的时候，真正用到的React的api少之又少，基本停留在Component,React.memo等层面,实际react源码中，暴露出来的方法并不少，只是我们平时很少用。但是Re

React SSR 水合（Hydration）详解 本文档详细解释了 React 服务端渲染 (SSR) 中水合（Hydration）的工作原理、实现方式以及常见问题和解决方案。 1. 水合的基本概念

前言：本文介绍了顶层API的使用，大多数情况，我们都是对市面上的封装的组件拿来即用，所以几乎用不到任何顶层API来写通用型的业务代码。但是往往都是这些顶层API的支持得以我们在用这些组件时候得心应手。

这里有一个例子，在React注册之前在document上绑定一个事件（保证自己的事件比React的document事件先触发），然后在真实的dom上绑定一个事件和一个React合成事件。 合成事件回调对象 就会被立马销毁。下面的例子可以证明此事

useReducer 是 useState 的替代方案。当 useState 不能很好的满足需要的时候，useReducer 可能会解决我们的问题。

React 项目部署 React 项目部署的方式有多种，下面将逐步介绍自己熟知的几种部署方式 第一篇React系列就介绍React的部署，主要是因为简单，容易操作。 为了让代码可操作性。 这里部署的R

React17将只提供别名，取个别名的目的就是恶心你，不让你使用。 getSnapshotBeforeUpdate() 在最近一次的渲染输出被提交之前调用。也就是说，在 render 之后，即将对组件进行挂载时调用。 componentDidUpdate() 会在更新后会被立即…