Vue3 Performance Optimizations
A breakdown of Vue3’s compile-time optimizations: static hoisting, patch flags, block tree, and event handler caching.
A breakdown of Vue3’s compile-time optimizations: static hoisting, patch flags, block tree, and event handler caching.
How the call stack, task queue, and microtask queue interact to make JavaScript's single-threaded async model work.
The problem virtual DOM solves, how the diffing algorithm works, and why it doesn't always mean better performance.
How prototypal inheritance works in JS: the relationship between __proto__, prototype, and constructor.
What a Promise is, how the state machine works, and how to chain async operations with then, catch, and async/await.
Why Vue3 switched from Object.defineProperty to Proxy, and what makes Proxy a more capable interception mechanism.
What higher-order functions are, how map, filter, and reduce work under the hood, and how to write your own.
How closures can unintentionally hold references and cause memory leaks, with patterns to avoid them.
Reinterpreting Vue's default, named, and scoped slots as function calls to build a clearer mental model.
Practical uses of bitwise operators in JS: permission flags, fast integer conversion, and other real-world patterns.