防抖（debounce）是前端经常用到的一个工具函数，也是我在面试中必问的一个问题。团队内部推广React hooks以后，我在面试中也加入了相关的题目。如何实现一个useDebounce这个看起来很基础的问题，实际操作起来却让很多背代码的小伙伴漏出马脚。 围绕一个主题不断切换…

我明白，读一篇文章从来都不是有趣的事情，但这篇文章你如果可以认真的读完，相信我，你会有很多的收获。 此片文章为笔友准备的内容 是useMemo的工作原理剖析，使用场景，使用上的常见错误。

在单页面应用如日中天发展的过程中，备受关注的少了前端路由。 而且还经常会被xxx面试官问到，什么是前端路由，它的原理的是什么，它是怎么实现，跳转不刷新页面的... 一大堆为什么，问你头都大，此时，我就要拿出我珍藏的图片了，各位观众，五个烟。🤣 四种路由的实现原理。 只可以在h…

setState 是同步还是异步？ 肯定是异步的呀。 确定么？那看一下这段代码会打印什么： 在 setTimeout 里修改了两次 state，并打印了 state 的值。 如果是异步的，那应该打印的

React 18 最主要的特性就是并发了，很多 api 都是基于并发特性实现的。 那为什么 React 要实现并发？什么是并发？又是怎么实现的呢？ 这篇文章我们就一起来探究一下。 首先，我们过一遍 R

掌握 React Hooks api 将更好的帮助你在工作中使用，对 React 的掌握更上一层楼。本系列将使用大量实例代码和效果展示，非常易于初学者和复习使用。 今天我们讲讲 Context 对象和 useContext 的使用方法。 考虑这样一种场景，如果组件树结构如下，现…

前言 俗话说，想了解一个东西，不如动手去实现一个东西，当你能实现以后，并能讲给被人听以后，那么才算你真正的理解 我们先来了解一下单页面路由原理 路由的本质是监听 URL 的变化，然后匹配路由规则，显示

React官网的FAQ有这么一个问题“如果我的 effect 的依赖频繁变化，我该怎么办？” 1、BUG描述：你的 effect 可能会使用一些频繁变化的值。你可能会忽略依赖列表中 state，但这通

React 是基于 vdom 的前端框架，组件 render 产生 vdom，然后渲染器把 vdom 渲染出来。 state 更新的时候，组件会重新 render，产生新的 vdom，在浏览器平台下，