React源码
8篇文章 · 0订阅
  • 漫谈 react 系列(三): 三层 loop 弄懂 Concurrent 模式
    目前，react18 最新的版本已经到了 18.0.0-alpha-f6abf4b40-20211020，相信再过不久，我们就可以正式使用 react18 了。相比 17， 18 版本最大的变化就是原
    前端 React.js
    漫谈 react 系列(三): 三层 loop 弄懂 Concurrent 模式
  • React 框架 | 深入剖析 Scheduler 原理
    Scheduler 是一个任务调度器，它会根据任务的优先级对任务进行调用执行。在有多个任务的情况下，它会先执行优先级高的任务。
    JavaScript React.js
  • 初探 React - 双缓存 fiber tree
    虽然知道从 16 版本以后，React 采取了**双缓存 fiber tree**，但一直对**双缓存 fiber tree** 存在的意义不是很理解。琢磨了一段时间，感觉也没有必要采用双缓存 fib
    前端 React.js
    初探 React - 双缓存 fiber tree
  • React-Router原理及丐版实现
    在本文中，从前端路由入手，分析了原生的 hash/history 的路由实现，react-router 底层依赖和上层使用图片，实现了简版的 react-router
    React.js
    React-Router原理及丐版实现
  • React Router 底层原理解析（含源码分析）
    React Router 是 React 的官方路由库，可以用于 web 端、node.js 服务端，和 React Native。从代码层面讲，它是一个 React 组件、hooks 和工具函数的集合。 React Router 是一个动态路由，在渲染阶段可以进行更改；与之相…
    React.js vue-router
  • 探索React源码：初探React fiber
    为何引入fiber 上图是是React官网在介绍React哲学时说的一段话，这其中包含了React的设计理念——快速响应。 但我们都知道，JavaScript 是单线程运行的，在一轮事件环中，浏览器需
    React.js 前端
  • 探索React源码：React Diff
    本篇文章我们来了解一下Diff算法的实现过程。 相关概念 React中的各种节点 假设当前存在一个DOM节点，触发了一次更新，那么在协调的过程中，会有四种节点和该节点相关联： 该DOM节点本身。 wo
    React.js 前端
  • 探索React源码：Reconciler
    在探索React源码：初探React fiber一文我们提到： React16之后，React的架构可以分成三层 Scheduler（调度） Reconciler（协调） Renderer（渲染） 其
    前端 JavaScript