大家好久不见，虽然变成了年更博客，但是我还是有坚持在用文字来记录我的学习和生活的。 博客。以前我习惯用 Markdown + Github 来维护我的博客 日常学习笔记、文...

1. 为什么要在React中使用immutable React常用的继承实现方式有两种，React.Component和 React.PureComponent。 Pure...

1. React顶层API 列表 React的源码实际上并没有多少复杂的内容，它将mobile和pc公用的模块提取出来，而核心其实是在React-Dom和React-nat...

在React16中，我们编写的Reac组件通过JSX编译得到一个虚拟DOM对象，渲染流程是jsx => element tree => fiber tree => html...

在上一篇文章中，我们解析了render流程中FiberRoot的生成。而这一篇着重于在render步骤中执行的另一部分内容。会涉及到队列、更新等信息。但是不会着重于这部分，...

1. 为什么使用Fiber 如果使用过React15的人，可能大致了解，其实15版本是基于Stack Reconcilation。它是递归、同步的方式。栈的优点在于用少量的...

React源码分析所有文章均属原创，是结合网上别人的总结和分析源码所得。我觉得文章可能不是写的最好的一篇，但一定敢确定是比较详细的一篇。如果哪些地方不正确，请指正，因为自己...

1. 背景 目前我所在业务组是负责后台管理系统，但是对于使用的组件并没有引入第三方库，全有开发人员自己编写。但是对于Common Project还是处于拷贝的方式。然后萌生...

上篇文章中，我们详细分析了React Scheduler的原理。如果对这一部分不清楚的，请移步React源码系列五：React Scheduler调度原理第一篇，接下来，我...

如果我们用 Canvas 实现了一些动画效果，需要将它回放出来，很多人通常就是用录屏工具将屏幕内容录下来播放，很少有人知道，Canvas 可以直接通过现代浏览器支持的 Me...

随着 Facebook 和 Twitter 最近的产品部署，我认为一个新的趋势正在缓慢增长:Atomic CSS-in-JS。 在这篇文章中，我们将看到什么是Atomic ...

作为开发人员，我们总有时候需要分享一些代码片段。例如：在掘金上发文，发个人博客等。（原文为发Twitter） codeimg.io内置一堆社交媒体模板，不需要考虑尺寸问题，...

一般情况下都是通过重写js原生事件然后拿到错误信息，比如ajax请求，通过重写xhr、fetch事件来截取接口信息，所以我们需要优先编写一个易于重写事件的函数来复用。 所有...

在阅读组内编码规范时，遇到了一个陌生的概念：SSE 。于是去查了下，它的全称是 Server-sent events 。这是一种实现服务端向客户端（Browser）“主动推...

snowpack 和 vite 一样都是利用浏览器原生对 ES modules 的支持提供了一种新的前端打包构建方式。初看也许挺唬人的，实际上实现思路很简单。0.61版的代...