win10真香

Concurrent 模式是 React18 中最引人瞩目的新特性。通过使用 useTransition、useDeferredValue，更新对应的 reconcile ...

useSyncExternalStore是一个订阅外部 store 的 React Hook。如果前后读取的store的数据快照不一致，就会重新渲染组件。...

Zustand 是一个用于 React 的轻量级状态管理库。它的名字源自德语，意思是“状态”。Zustand 的设计目标是提供一种简单、快速且高效的方式来管理应用程序的状态...

mobx 是流行的状态管理库，热度仅次于 redux。它和 redux 有的地方一样，也有的地方不一样： 一样的地方是 mobx 和 redux 都是单向数据流，通过 ac...

不是说因为我们写得多牛，而是我们从第一天就立了 5 个基本工程约束，这些规则不是高深技术，而是**工程底线**。坚持这几个点，不一定能写出完美代码，但至少能避免那种“越写越...

工程化永远是围绕着质量、体验和效率三个维度进行建设，来保证高效、高质量地完成业务需求，减少跨项目、跨团队的协作成本。但前端工程化不是万金油，它是在特定时期面对特定场景的解决...

前端优化，这是一个很大的范围。可能平时更多的文章是基于某一点去深入的讲解。所以趁机整理一套前端优化的基础大纲，一方面给让自己沉淀下这些知识，另一方面也方便后续优化时有个清单...

你知道Safari中canvas能使用的内存大小是有限制的吗，可别不小心写出在chrome中能通过测试在Safari中报错的代码。另外，浏览器的渲染原理有兴趣你也可以进来看...

实施优化方案之前，首先要知道为什么要这样优化。这就需要你上到框架原理、js、css，下到浏览器、js 引擎、计算机网络等原理都有不错的了解。所以性能优化真的涵盖了太多前端知...

我会尽量将文章写的通俗易懂。但是，要完全理解文章内容，需要你掌握这些前置知识： 如果你还不具备前置知识，可以先阅读React技术揭秘。 Context的实现与组件的rend...

优化效果 优化前页面加载时间中位数为：54s，优化后为：7s。 加载时间下降 92.28% 下面是具体方案 优化方向分析 通过添加日志，发现卡顿的原因是因为这些大量的组件在...

在介绍 useSWR 之前，我们先看一个最简单的带有数据请求的 React 组件。 如果经常写这样的代码，那么肯定会想到自己封装一个 React Hook，该 Hook 以...

平时我们进行业务开发可能不会遇到这种状况。 但是如果你要封装组件，这个问题就会经常遇到。如果你是中高级开发， 面试官问到你不懂就糟糕喽...

前前言 朋友们好啊，我是来自推啊前端团队的 jarvis 同学，本次分享的内容是「解读Redux、React-Redux源码」。如果大家有不同的观点，欢迎在评论区吐槽和指正...

本篇文章带你解读react-redux源码细节与设计方式，充分了解该状态管理库的性能瓶颈与解决方案。...

万字长文 - 彻底理解react中任务调度和时间分片。详细阐述了Scheduler的概念、任务管理和优先级机制，展示了任务调度和执行的过程。...

配置好的仓库自取(带阅读笔记版): react-debug github link vite环境搭建 创建项目 下载 react 源码 github 地址：https://...

reconciler 的过程可分为四个阶段，分别是任务输入阶段、调度任务注册阶段、执行任务回调阶段，输出DOM节点阶段。这四个阶段，基本覆盖了react-reconcile...

兄弟,你懂的,连这里面的面试题都不会的话,怎么能说精通React的,进来看一眼,看看你能答对多少呗~~~...