青猫大道

摩尔定律对软件开发也是间接奏效的，每过18个月，就会有一半的知识会过期。我之前写的有些文章就已经过期了，今天我们来聊一个不会那么容易过时的话题 —— 那些业界‘大佬’是怎么...

今天给大家带来的是 2B 领域的一个架构难题，我们最终也没有找到一个较好「解决」方案， 或者说它本来就是一个伪命题。 让我慢慢跟你道来…...

通过解析yarn install工作流程，分析 lockfile、缓存、请求Registry、扁平化依赖树、install scripts 各个部分之间的协作关系。或许能帮...

在 React 的世界里”一切都是组件“， 组件可以映射作函数式编程中的函数，React 的组件和函数一样的灵活的特性不仅仅可以用于绘制 UI，还可以用于封装业务状态和逻辑...

7月22日观看了第二届稀土开发者大会尤大关于 《2022 Web 前端生态趋势》 的主题分享，记录如下，有时间的同学可以观看大会的回放。...

为什么需要优先级 优先级机制最终目的是为了实现高优先级任务优先执行，低优先级任务延后执行。 实现这一目的的本质就是在低优先级任务执行时，有更高优先级任务进来的话，可以打断低...

全面熟悉requestidlecallback用法和存在的价值。 明确requestidlecallback的使用场景。 了解react requestidlecallba...

解析源码前，我们明确几个问题： Scheduler是什么，作用是什么？ Scheduler的出现是为了解决什么问题？ Scheduler是一个任务调度器，它会根据任务的优先...

点击进入React源码调试仓库。 当render阶段完成后，意味着在内存中构建的workInProgress树所有更新工作已经完成，这包括树中fiber节点的更新、diff...

点击进入React源码调试仓库。 React在构建用户界面整体遵循函数式的编程理念，即固定的输入有固定的输出，尤其是在推出函数式组件之后，更加强化了组件纯函数的理念。但实际...

React Scheduler 为什么使用 MessageChannel 呢？为什么不使用 setTimeout 或 requestAnimationFrame 实现呢？...

React 团队给出了 React 18 版本的计划，其中提到了一个优化：Automatic Batching。本文是对该优化的一个讨论。...

React18正式版终于来了，哪个是你期待的，Concurrent、Suspense、transitions还是新的Hooks API？...

在 React 18 中，引进了一个新的 API —— startTransition 还有二个新的 hooks —— useTransition 和 useDeferre...

本章将学习 react render 阶段源码，包括：更新任务的触发和创建、reconciler 过程同步和异步遍历及执行任务、scheduler 是如何实现帧空闲时间调度...

state更新概览 在React中有那些行为可以触发状态更新： ReactDOM.render：在legacy模式下的HostRoot new ReactDOMRoot('...

React内部对于优先级的管理, 根据功能的不同分为LanePriority, SchedulerPriority, ReactPriorityLevel等3 种类型....