Session Information
The Cutting Edge of Reactivity in Vue 3.6: Mastering Vapor and alien-signals for Reactive Performance
What Are Alien Signals?
Alien Signals is a new reactivity system introduced in Vue 3.6 that significantly boosts the efficiency of state updates. Compared to Vue 3.5, it reduces memory usage by 14% and enhances the performance of computed properties and side effects. As a result, even large-scale SPAs experience noticeably smoother performance.
The Innovation of Vapor Mode
Vapor Mode eliminates the overhead of the Virtual DOM by rendering DOM elements directly from components. It requires no changes to existing APIs and delivers exceptional performance—capable of mounting 100,000 components in just 100ms.
Practical Tips
This session will cover migration steps for existing projects, common pitfalls in the new reactivity system, best practices for using Vapor Mode, and comparisons with other frameworks like SolidJS.
Shingo Hiranuma
The Cutting Edge of Reactivity in Vue 3.6: Mastering Vapor and alien-signals for Reactive Performance
What Are Alien Signals?
Alien Signals is a new reactivity system introduced in Vue 3.6 that significantly boosts the efficiency of state updates. Compared to Vue 3.5, it reduces memory usage by 14% and enhances the performance of computed properties and side effects. As a result, even large-scale SPAs experience noticeably smoother performance.
The Innovation of Vapor Mode
Vapor Mode eliminates the overhead of the Virtual DOM by rendering DOM elements directly from components. It requires no changes to existing APIs and delivers exceptional performance—capable of mounting 100,000 components in just 100ms.
Practical Tips
This session will cover migration steps for existing projects, common pitfalls in the new reactivity system, best practices for using Vapor Mode, and comparisons with other frameworks like SolidJS.