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

React Hook 出来已经有一段时间了，具体的一些用法以及它解决的痛点，可以查看 Dan 的两篇文章 useEffect 完整指南以及编写有弹性的组件进行详细了解。 React Hooks API正式在 React V16.8 版本发布了。这篇博客，主要是介绍了其中 use…

小白也能几分钟理解的zustand源码和原理，手写一个也不是梦。从现在开始抛弃redux，全面拥抱zustand吧

深入探索 React 内部的工作流程寻找不使用 React.memo() 也能达成优化性能目的的原因。

我们在第一篇文章中介绍了JavaScript中的reducer以及他的一些特点，对reducer不熟悉的小伙伴可以先看看第一篇。 React Hook功能正式发布之后，允许在function component中拥有state和副作用（useEffect）。官方提供了两种sta…

React Fiber是对React核心算法的重新实现。这是一个正在进行中的项目。到目前为止（指2016年），React团队已经对此进行了为期两年的研究和调研。 React Fiber的目标是增加React对动画，布局和手势等领域的是适配性（suitability）。React…

react在进行组件渲染时，从setState开始到渲染完成整个过程是同步的（“一气呵成”）。如果需要渲染的组件比较庞大，js执行会占据主线程时间较长，会导致页面响应度变差，使得react在动画、手势等应用中效果比较差。 为了解决这个问题，react团队经过两年的工作，重写了r…

对于很多初级的前端工程师对mixins的概念并不是很了解，也没有在React中尝试使用过Mixins，这边文章基本会按照Mixins的作用、用途、原理等多个方面介绍React中Mixins的使用。 首先解释一下什么是Mixins，在一些大型项目中经常会存在多个组件需要使用相同的…

在 React 日常的使用中，一个很重要的点就是，不要直接去修改 state。例如：this.state.count = 1是无法触发 React 去更新视图的。因为React的机制规定，一个state的更新，首先需要调用 setState 方法。 这样便能触发重新渲染。稍有经…