作为前端小白中的一员，没接触过 React 高阶组件，首次看到这个名字时不明觉厉 😱，甚至有种“从入门到放弃”的想法。 然 🦢，通过深入学习后发现它实际上是一个概念十分简单，但却非常常用的东西。它的作用是能实现代码复用和逻辑抽象、对 state 和 props 进行抽象和操…

最近偶然想起了reselect这个库，因为面试今日头条的时候，面试官有问到，当时也回答上来了。只是有点好奇这个库是怎么做到记忆，从而达到缓存的。所以打开它的github看了一下，发现代码量不多，而且实现逻辑不难。所以就趁热写下这篇reselect源码阅读。 开始讲解代码前，我觉…

这个UnusedComp 组件关心这样的几个props： a, b, c, f(a,b), h(b, c), g(a, c), u(a, b, c), 其中f, h, g, u分别是一个函数。 关于这几个计算的值， 我们应该怎么处理呢？ 这样我们的组件简单了， 只需要直接取值渲…

Hook 是 React 16.8 的新增特性。它可以让你在不编写 class 的情况下使用 state 以及其他的 React 特性。本文是一篇以实战为主的文章，主要讲解实际项目中如何使用hooks以及一些最佳实践，不会一步步再介绍一遍react hooks的由来和基本使用，…

...

在这篇文章中将介绍如何在 React 应用程序中使用 useMemo、useCallback、React's memo API 去优化性能，但是需要注意的是不要滥用这些 API。 React 中的 useMemo 被用于优化 React 函数组件的计算性能。接下来我将会通过一个…

在编写 React Hook 代码时，useCallback和useMemo时常令人感到困惑。尽管我们知道他们的功能都是做缓存并优化性能，但是又会担心因为使用方法不正确导致负优化。本文将阐述useCallback和useMemo在开发中常见的使用方式和误区，并结合源码剖析原因，…

不愿清醒，宁愿一直沉迷放纵。 不知归路，宁愿一世无悔追逐。 --- 王小波 redux是的诞生是为了给 React 应用提供「可预测化的状态管理」机制。 提供subscribe，dispatch，getState这些方法。 按步骤手把手实战。 不就ok了吗？这就是 react-…

重磅提醒，评论有奖，抽奖方式具体看文末。本文主要讲叙我抛弃Vue转入React的六个月，我收获了什么。