你是否好奇 Medium 是如何加载图片的？或许，你已经注意到图片是分多个步骤加载渲染的。首先，显示一张模糊版本的图片，然后，用全尺寸的图片替换掉。 我们可以把图片加载技术分为两个不同的功能。 1. 懒加载 懒加载是一种非常好的技术，它可以明显提升网站的性能。 想象一下，你写了…

作为一个组件库的使用者，经常会看到把React组件作为参数传递下去的场景，这些方案的适用场景如何，有什么不同，是否会导致组件的 memo 失效，是否会引发组件的不必要渲染? 便是本篇文章想要讨论的

言简意赅地用86张思维导图🖼，总结 React相关知识点✔，且附原图和源文件📚，快来看看吧🤞~

基本概念 在 FunctionComponent 中创建 ref 需要使用到useRef这个hook，函数签名如下 useRef 函数接收一个初始值，并返回一个可变的（mutable） ref 对象，

最近在做毕设项目的时候，前端用到了 React + React-Redux + React-Router + TypeScript。jsx 的灵活性配合上 typescript 的类型安全简直美呆了。只不过经常会碰到一些在 vue 中的自带的功能，react 中却需要自己来实现…

React为了优化render，配套给出了一些优化手段，其本质是通过内部缓存减少重复计算，useMemo，useCallback，memo是三个典型的优化手段

本文详细的讲述了 useCallback 与 useMemo 的使用场景，以及有哪些使用中常遇到的问题与采坑点。

useMome、useCallback用法都差不多，都会在第一次渲染的时候执行，之后会在其依赖的变量发生改变时再次执行，并且这两个hooks都返回缓存的值，useMemo返回缓存的变量，useCallback返回缓存的函数。 React.memo 为高阶组件。它与React.P…

其实“加载更多”的原理也比较简单,一些UI库也有现成的组件实现,但是一般配置项较多,使用起来比较繁琐,那如果想自己封装出如何实现呢?本文将给你带来详细解答.