大家好，我是小杜杜，React Hooks的发布已经有三年多了，它给函数式组件带来了生命周期，然而你真的完全掌握hooks了吗？知道如何去做一个好的自定义hooks吗？

大家好，我卡颂。 想必大家都知道React有一套基于Fiber架构的调度系统。 这套调度系统的基本功能包括： 更新有不同优先级 一次更新可能涉及多个组件的render，这些render可能分配到多个宏

Fiber是react团队花费两年的时间重构的架构，那么你知道如何将jsx转化为fiber链表，又是如何将链表链接起来的？fiber中又保存了哪些信息吗？..。

本文主要介绍 React ref callback 的使用场景，只有在访问底层的 DOM 元素时，才需要 ref callback

这是我参与11月更文挑战的第14天，活动详情查看：2021最后一次更文挑战 翻译自：beta.reactjs.org/learn/manip… 因为 React 已经根据 render 的输出处理了

大家都知道React中的ref属性可以帮助我们获取子组件的实例或者Dom对象，进而对子组件进行修改，是一个很方便的特性。在传统类组件中，我们通过使用 React.createRef() 创建的，并通过 ref属性附加到 React 元素来使用。而随着hooks的越来越广泛的使用…

useEffect 通常用于状态更新导致的副作用，本文主要分享一些基于 useEffect 封装的高阶 effect hook。

之前写过用 VSCode Debugger 或者 Chrome DevTools 调试网页和 Node.js 代码，还有各种打断点的方式。 但只是讲了如何使用，很多同学不知道为什么要用 debugge

使用 useState、useReducer、useContext 创建的状态，都是可读不可变的，一旦更新就会触发组件的重新渲染。但是实际开发过程中你经常需要一些不希望引起组件重新渲染的状态、并且希望