> 作者：简可 理解Fiber，就是理解现代React的灵魂。本文本文主要探索2个问题： 1. 为什么页面看起来会卡顿？ 2. Fiber是怎么解决卡顿的？ ## 一、为什么页面看起来会卡顿 卡

这是个手把手教你使用vite搭建的React项目。 没有过多的配置和封装。全是基础但是必需的功能配置，比如代码规范，登录、请求、路由、主题切换、进度条、动画、错误边界处理等。

1、从输入url到页面显示出来发生了什么 1.DNS解析 2.TCP连接 3.发送HTTP请求 4.服务器处理请求并返回需要的数据 5.浏览器解析渲染页面 解析HTML，生成DOM树，解析CSS，生成

阅读react组件库的时候，发现很多自定义的hooks中很喜欢使用ref，使用ref让人的观感很不好，但是为什么又不得不使用ref呢？以及复习一下useCallback的使用场景

0.前置知识 0.1 mixin是什么？ mixin,翻译过来就是混入，不仅仅在vue框架中存在mixin，确切的说mixin是一种思想，一种混入的思想。混入的内容就是可以在被混入的地方使用，他会自动

写一篇关于 React Fiber 的文章， 这个 Flag 立了很久，这也是今年的目标之一。 最近的在掘金的文章获得很多关注和鼓励，给了我很多动力，所以下定决心好好把它写出来。 我会以最通俗的方式将它讲透, 因此这算是一篇科普式的文章。不管你是使用React、还是Vue，这里…

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

如果你在编写函数组件并意识到需要向其添加一些 state，以前的做法是必须将其它转化为 class。现在你可以直接在现有的函数组件中使用 Hooks 1. 类组件的不足 综上所述，如果不注意的话，很容易写成第三种写法，导致性能上有所损耗。 2. Hooks 优势 副作用的关注点…

前言 「react key」相关问题几乎是面试的老生常谈了。也许你会说这是面试的八股文问题而已，有什么好说的。但是，实际上，正确去理解它对日常的开发工作还是有帮助的。一来能够帮助我们避免踩到坑里面，二