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

继续上一篇文章，这篇文章主要是介绍一下Redux和Redux-Saga的基本使用以及我常在工作中使用的方法，文中如有错误，欢迎指正。本文对其中涉及到的一些概念不做具体介绍，大家可以去Redux官网去查看。文末涉及到的项目，具体代码请查看 Git仓库。 1.什么是Redux。 R…

在上一篇文章这里我们讲到，在render阶段的beginWork函数中，会将上次更新产生的 Fiber 节点与本次更新的 JSX 对象（对应ClassComponent的this.render方法返回值，或者FunctionComponent执行的返回值）进行比较。根据比较的结…

首先我们来看看下面的代码环境配置安装react和babel配置babel@babel/plugin-transform-react-jsx做了什么？写个函数来模拟它的执行过程@babel/plugin

我工作中的技术栈主要是 React + TypeScript，这篇文章我想总结一下如何在项目中运用 React 的一些技巧解决一些实际问题，本文中使用的代码都是简化后的，不代表生产环境。生产环境的代码肯定比文中的例子要复杂很多，但是简化后的思想应该是相通的。 那么比如在路由发生…

我工作中的技术栈主要是 React + TypeScript，这篇文章我想总结一下如何在项目中运用 React 的一些技巧去进行性能优化，或者更好的代码组织。 性能优化的重要性不用多说，谷歌发布的很多调研精确的展示了性能对于网站留存率的影响，而代码组织优化则关系到后续的维护成本…

面完给我的总体感觉，要求你掌握的不仅有广度，更重要的是深度。我准备的烂大街的面试题没怎么问，可能自己欠缺的东西还比较多，不断学习，不断进步，再奶自己一口，fighting!!! 框架用过哪些，感觉他们不只需要熟练运用，更看重理解的深度，比如要懂源码，react中diff算法的思…

React 是 Facebook 开发的构建用户界面的类库. 它从设计之初就将性能作为重点. 这篇文章我展示 diff 算法和渲染过程怎样工作, 你可以借鉴优化自己的应用.

React 本身就非常关注性能，其提供的虚拟 DOM 搭配上 Diff 算法，实现对 DOM 操作最小粒度的改变也是非常的高效。然而其组件渲染机制，也决定了在对组件进行更新时还可以进行更细致的优化。