GitHub - xitu/Under-the-hood-ReactJS: Entire ReactJS code base explanation by vi...
source link: https://github.com/xitu/Under-the-hood-ReactJS
Go to the source link to view the article. You can view the picture content, updated content and better typesetting reading experience. If the link is broken, please click the button below to view the snapshot at that time.
ReactJS 底层揭秘
本库包含 ReactJS 内部工作原理的说明。实际上，我在调试整个代码库时，将所有的逻辑放在可视化的流程图上，对它们进行分析，然后总结和解释主要的概念和方法。我已经完成了 Stack 版本，现在我在研究下一个版本 —— Fiber。
通过 github-pages 网站来以最佳格式阅读.
为了让它变得更好，如果你有任何想法，欢迎随时提 issue。
每张流程图都可以通过点击在新的选项卡中打开，然后通过缩放使它适合阅读。在单独的窗口（选项卡）中保留文章和正在阅读的流程图，将有助于更容易地匹配文本和代码流。
我们将在这里谈论 ReactJS 的两个版本，老版本使用的是 Stack 协调引擎，新版本使用的是 Fiber（你可能已经知道，React v16 已经正式发布了）。让我们先深入地了解（目前广泛使用的）React-Stack 的工作原理，并期待下 React-Fiber 带来的重大变革。我们使用 React v15.4.2 来解释“旧版 React”的工作原理。
Stack
整个流程图分为 15 个部分，让我们开始吧。
Fiber
- 介绍 [TODO]
Recommend
-
82
Table of contents Preface About PulseAudio High-level components Key abstractions D-Bus API C API Protocols and networking Device drivers Sound processing Sample cache Stream management Time management Power saving Automatic setup and routing De...
-
46
Hey, This week I wanted to discover a bit more about how dmesg works under the hood. In the past, I wanted to have alerting based on error messages popping at dmesg , so, maybe by...
-
55
In this article we take a look at how the operands of x86 instructions are encoded. Review Let’s quickly review information from the earlierx86 addressing article. x86...
-
51
Previously we looked at the performance of Java Streams API on the GraalVM in comparison with JavaHotSpot VM.
-
39
-
39
Prolog Under the Hood An Honest Look by Dennis Merritt [This article was originally published in PC AI magazine, Sep/Oct 1992. The magazine can be reached at...
-
49
Today, Google released the first alpha of ViewPager2 . I had been looking at the code as it was developed in the Android X repository for a...
-
11
Datadog collects and monitors your PHP app metrics and distributed traces in...
-
8
Quick tip: click code mentions in the text (e.g. file-name.js) or visual elements (e.g. , 4) to highlight them on scheme above. Use player () at the bottom to guide through scheme steps.
-
3
Under the hood: React This repository contains an explanation of inner work of React. In fact, I was debugging through the entire code base and put all the logic on visual block-schemes, analyzed them, summarized and explained m...
About Joyk
Aggregate valuable and interesting links.
Joyk means Joy of geeK