BestHub
Sign in
Tag

Dependency Tracking

1 views collected around this technical thread.

Rare Earth Juejin Tech Community
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 UpdatePerformance Optimization
0 likes · 15 min read
Understanding Vue 3.5 Version Counting and Lazy Update Mechanism
DaTaobao Tech
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 ArchitecturePerformance Optimization
0 likes · 16 min read
Design and Implementation of a Reactive Data System in Tubes
360 Tech Engineering
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 DevelopmentObserver Pattern
0 likes · 8 min read
Understanding Vue's Reactivity System: Building a Simple Reactivity Engine