React Fiber 是Facebook花费两年余时间对 React 做出的一个重大改变与优化，是对 React 核心算法的一次重新实现。

Fiber 是对 React 核心算法的重构，facebook 团队使用两年多的时间去重构 React 的核心算法，在React16 以上的版本中引入了 Fiber 架构，其中的设计思想是非常值得我们学习的。 我们知道，在浏览器中，页面是一帧一帧绘制出来的，渲染的帧率与设备的刷…

hook从根本上来讲是封装状态和代码逻辑的一种简单方法。最初是在react中引入，并且已经被他框架接受，比如vue，svelte，甚至被封装为一个纯js库。hook的js设计模式需要对javascri

前言 在听到这么一个问题的时候，首先脑海中总体思路是这样子的： 认识自定义Hook的基本概念 能够使用自定义Hook进行复用逻辑的封装 了解自定义Hook的最佳实践与工作原理 进一步深入Hook底层原

笔者是一个 react 重度爱好者，在工作之余，也看了不少的 react 文章, 写了很多 react 项目 ,接下来笔者讨论一下 React 性能优化的主要方向和一些工作中的小技巧。送人玫瑰，手留余香，阅读的朋友可以给笔者点赞，关注一波 。 陆续更新前端文章。 方向分别加以探…

JSX本质是什么..... 这里打印出来的Event对象是 React 封装过的SyntheticEvent，可以看__proto__.constructor。React 标准化了事件对象，因此在不同的浏览器中都会有相同的属性。 React 中事件绑定跟 Vue 中完全不同，V…

近期在工作过程中遇到了 react 状态管理的问题，后面查阅了一些文章，发现关于 useState 的原理解析比较少。所以这篇文章从讲解原理出发，到简单实现，并列出代码示例。希望能给大家带来一些帮助，今后遇到状态管理的问题都能迎刃而解。 class 组件经常会使人们难以理解，并…

大家好，我是Mokou，好久没有冒泡了，最近一直在看研究算法和数据结构方面的东西，但是似乎很多前端不喜欢看这种东西，而且目前本人算法方面也很挫，就不献丑了。 当然了，最近也开始研究React了，这篇文章主要是讲述 Ref 相关的内容，如有错误请指正。 在典型的 React 数据…

本文介绍了如何使用 Font Face Observer（一个网络字体加载器）来自定义网络字体的加载行为，包括分组加载、队列加载，以及如何限制字体的加载时间，如何控制浏览器的字体显示行为。