很多React开发者都遇到过这样的问题：组件逻辑看起来正确，但切换状态时就报错\"渲染时Hook数量比上次多\"。有人花了一整天调试，最后发现只是在if语句里写了一个useState。这个问题的背后，是React一个重要的设计机制——链表存储。

在Vue3开发中，我们经常需要操作localStorage或sessionStorage存储数据。手动处理这些存储操作很麻烦，而useStorage这个自定义Hook能极大简化工作流程。

很多用 Vue3 的开发者都遇到过这样的问题：多个组件里有几乎一样的逻辑代码。比如，好几个页面都要处理加载状态、都要调用同一个 API、都要做防抖处理。复制粘贴代码？

React Hook 已成为当前最流行的开发范式，React 16.8 以后基于 Hook 开发极大简化开发者效率，同时不正确的使用 React Hook也带来了很多的性能问题

在很多全面使用Hooks开发的团队，唯一使用ClassComponent的场景就是使用ClassComponent创建ErrorBoundary。可以说，如果Hooks存在如下两个生命周期函数的替代品，就能全面抛弃ClassComponent了：

最近做需求，需要将数据保存到 localStorage 里，在组件初始化的时候获取，然后修改该值的时候，要保存到本地的 localStorage 中。很显然，这些逻辑完全可以封装为一个 React Hook

然而实际上，由于回调函数被useCallback缓存，形成闭包，所以点击的效果始终是sendMessage()。这就是「闭包陷阱」。以上代码的一种解决方式是「为useCallback增加依赖项」

最近因为使用列表展示的需求有点多，就想着把列表分页筛选的逻辑抽象一下。看了umi的一个useTable的hook，也不能满足业务需要，于是就自己写了一个，支持本地分页筛选和接口分页筛选。

Hook是对函数式组件的一次增强，使得函数式组件可以做到class组件的state和生命周期。Hook的语法更加简练易懂，消除了class的生命周期方法导致的重复逻辑代码，解决了高阶组件难以理解和使用困难的问题。

useCallback和useMemo是其中的两个 hooks，本文旨在通过解决一个需求，结合高阶函数，深入理解useCallback和useMemo的用法和使用场景。 之所以会把这两个 hooks 放到一起说，是因为他们的主要作用都是性能优化

我们在DidMount的时候通过ID订阅了好友的在线状态，并且为了防止内存泄漏，我们需要在WillUnmount清除订阅，但是当组件已经显示在屏幕上时，friend prop 发生变化时会发生什么？

所有这些新的React Hook之间都有一个宗旨：就是为了使函数组件像类组件一样强大。useContext hook 与其它几个有点不一样，但它在特定场景下还是很有用的。React 的 Context API 是一种在应用程序中深入传递数据的方法

到 React 16.8 目前为止，如果编写函数组件，然后遇到需要添加状态的情况，咱们就必须将组件转换为类组件。编写 class Thing extends React.Component，将函数体复制到render()方法中，修复缩进，最后添加需要的状态。

conftest.py可以作为最简单的本地plugin调用一些hook函数，以此来做些强化功能。pytest整个框架通过调用如下定义良好的hooks来实现配置，收集，执行和报告这些过程：

Vue.js 是我使用的第一个 JavaScript 框架。 我可以说 Vue.js 是我进入 JavaScript 世界的第一扇门之一。 目前，Vue.js 仍然是一个很棒的框架。 我认为有了组合 API，Vue.js 只会增长得更多