Pinned Loading

1. React useState from scratch React useState from scratch

   1

   import React from 'react';

   2

   import ReactDOM from 'react-dom';

   3

   4

   let callCount = -1

   5

   let states = []

2. Vue3-Reactivity Vue3-Reactivity Public

   Proxy - targetMap - depsMap - Dep

   JavaScript

3. Vue.js-like Virtual DOM Vue.js-like Virtual DOM

   1

   <div id="app"></div>

   2

   <script>

   3

       // Create virtual node

   4

       function h(tag, props, children) {

   5

           // Return the virtual node

4. Vue.js-like reactive state Vue.js-like reactive state

   1

   <script>

   2

       let activeEffect

   3

   4

       class Dep {

   5

           subscribers = new Set()