前端发展速度非常之快，页面和组件变得越来越复杂，如何更好的实现状态逻辑复用一直都是应用程序中重要的一部分，这直接关系着应用程序的质量以及维护的难易程度。 本文介绍了React采用的三种实现状态逻辑复用的技术，并分析了他们的实现原理、使用方法、实际应用以及如何选择使用他们。 Mi…

本文主要讲述如何实现监听元素的可视区检测，并封装一个基本的React Hook，本文将从原理出发，简要介绍 useInView 的实现，并从实际应用场景帮助读者理解如何使用它。

大家好，我卡颂。 遥想前几年，不管是React还是Vue，都在快速迭代版本，以至于很多同学抱怨学不动了。 而现在，React已经一年没更新稳定release了。 甚至有人认为，这就是前端已死最直接的证

大家好，我卡颂。 前几天，Angular之父Miško Hevery和Dan在推上发生了一段有趣的对话，对话背景大概是： 传统SSR（服务端渲染）场景下使用的技术叫Hydration，Miško曾向D

最近看了一些 Ant Design 的组件源码，学到一些很实用的技巧，这篇文章来分享一下。 首先，我们用 create-react-app 创建个 React 项目（选择 typescript 模版）

大家好，我卡颂。 虽然React官网用大量篇幅介绍最佳实践，但因JSX语法的灵活性，所以总是会出现奇奇怪怪的React写法。 本文介绍2种奇怪（但在某些场景下有意义）的React写法。也欢迎大家在评论

最近看到很多文章，写了useEffect依赖会造成“心智负担”和“非直觉的”渲染，出现了很多莫名其妙的形容词，今天我来讲讲用好useEffect的一些细节 1.不要在useEffet中使用setSta

在过去的三个月里，我从 vue 技术栈切换到了react,并使用react技术栈高质量完成了公司一个大型内部项目。即便如此，我还是想说我并不喜欢React！

React 提供了 Refs，帮助我们访问 DOM 节点或在 render 方法中创建的 React 元素。 React 提供了三种使用 Ref 的方式：