文章介绍useCallBack的使用方式，使用场景以及原理深度解读，还有避免useCallBack的一些坑和纠正一些常见的错误理解。

react-spring 是 React 上的一个动画库。它基于弹簧物理原理实现，尽可能的使元素的动画轨迹与真实世界更接近，更易于我们理解与使用 useChain 方法是用来控制不同的 spring 的执行顺序的，它没有返回值，接收一个[springRef ... ] 的数组，…

借助history库实现监听路由，内部支持hash和bowser两种路由变化。使用react-router-dom时首先选择的就是BrowserRouter或HashRouter，对应h

DOM diff 作为工程问题，需要具有一定算法思维，因此经常出现在面试场景中，毕竟这是难得出现在工程领域的算法问题。 无论出于面试目的，还是深入学习目的，都有必要将这个问题搞懂，因此前端精读我们就专门用一个章节说清楚此问题。 Dom diff 是所有现在框架必须做的事情，这背…

之前的两篇文章，分别介绍了react-hooks如何使用，以及自定义hooks设计模式及其实战，本篇文章主要从react-hooks起源，原理，源码角度，开始剖析react-hooks运行机制和内部原理，相信这篇文章过后，对于面试的时候那些hooks问题，也就迎刃而解了。实际r…

云音乐广告 Dsp（需求方平台）平台分为合约平台（Vue 框架）和竞价平台（React 框架），因历史原因框架选型未能统一，最近来了新需求，需要同时在两个平台增加一样的模块，因为都是 Dsp 平台，后期这样的需求可能会很多，所以考虑到组件复用以及降低维护成本，在想怎么统一技术栈…

很有可能你已经读过很多关于如何使用React Hook 的文章。但有时候，知道何时不使用与知道如何使用同样重要。 在这篇文章中，主要介绍一下 React hooks 错误使用方式，以及如何解决它们。 组件FetchGame 接收 id（即要获取的游戏的ID）。 useEffec…

前言本文的例子都是经过实践后,总结的一些比较实用的技巧,如果疑惑或者错误,欢迎指正!thenby多重排序github地址场景:需要对数据进行多重排序当然如果单纯的从小大排序,在这里例子中还可以这么写:

React.lazy 函数能让你像渲染常规组件一样处理动态引入（的组件）。 由于memo使用的是Object.is()进行，只能比较一层（浅比较），如果props嵌套较深是无法识别到组件变化的，所以很多时候我们需要深比较，但是常规深比较涉及到大量递归算法，严重影响性能，但是借助…