Dependency Tracking

Rare Earth Juejin Tech Community

Oct 21, 2024 · Frontend Development

Understanding Vue 3.5 Version Counting and Lazy Update Mechanism

Vue 3.5 introduces version counting and a bidirectional linked‑list to optimize lazy updates, using a globalVersion counter, dep.version tracking, and batch processing to efficiently determine when computed and effect functions need recomputation, reducing memory usage and unnecessary calculations.

Dependency TrackingLazy UpdateReactive System

0 likes · 15 min read

Understanding Vue 3.5 Version Counting and Lazy Update Mechanism

DaTaobao Tech

Jun 29, 2022 · Frontend Development

Design and Implementation of a Reactive Data System in Tubes

The article presents Tubes, Alibaba’s high‑performance terminal renderer, and argues that a hash‑table‑based reactive data system—tracking dependencies, triggering updates only for changed inputs, and making Tubes idempotent—eliminates manual loop control, reduces developer burden, and delivers up to 1,350× read speed‑up and hundreds of milliseconds faster first‑screen rendering on low‑end devices.

Dependency TrackingFront-end ArchitectureReactive Data

0 likes · 16 min read

Design and Implementation of a Reactive Data System in Tubes

Sohu Tech Products

Feb 2, 2022 · Frontend Development

Understanding Vue 3 Reactivity: Ref Implementation, Dependency Tracking and Effect Optimization

This article explains Vue 3's reactivity mechanism by dissecting the ref API, showing how dependency collection and triggering work through effect functions, and describing the bit‑mask optimization introduced in Vue 3.2 to efficiently update only stale dependencies.

Dependency TrackingJavaScriptReactivity

0 likes · 24 min read

Understanding Vue 3 Reactivity: Ref Implementation, Dependency Tracking and Effect Optimization

360 Tech Engineering

Aug 20, 2018 · Frontend Development

Understanding Vue's Reactivity System: Building a Simple Reactivity Engine

This article explains Vue's reactivity system by recreating a simple reactivity engine using JavaScript, covering dependency collection, watcher functions, observer classes, and Object.defineProperty to track and update values automatically when data changes.

Dependency TrackingFrontend DevelopmentJavaScript

0 likes · 8 min read

Understanding Vue's Reactivity System: Building a Simple Reactivity Engine