🖼 Evan You - Preview of Vue 3.6 & Vapor Mode
Vue.js Nation Conf
What's coming in Vue 3.6?
👉 Massive reactive performance improvements
Porting alien-signals (- 14% memory usage, one of the fastest reactivity implementations)
👉 Experimental Vapor Mode
- Same source code, different compilation output
- Same API, better performance, less memory usage
- Allows Vue rendering performance to reach Solid.js level
- Compatible with existing codebases (piecemeal migration or opt-in for perf-sensitive parts)
👉 Internal types improvements
- Simpler implementation for
- Potentially improving Vue type checking performance
👉 Suspense stabilization
Vue.js Nation Conf
What's coming in Vue 3.6?
👉 Massive reactive performance improvements
Porting alien-signals (- 14% memory usage, one of the fastest reactivity implementations)
👉 Experimental Vapor Mode
- Same source code, different compilation output
- Same API, better performance, less memory usage
- Allows Vue rendering performance to reach Solid.js level
- Compatible with existing codebases (piecemeal migration or opt-in for perf-sensitive parts)
👉 Internal types improvements
- Simpler implementation for
DefineComponent, the most complex type in the entire Vue codebase- Potentially improving Vue type checking performance
👉 Suspense stabilization
📦 Reka UI (formerly radix-vue) has released a new version 2.0.
https://github.com/unovue/reka-ui/releases/tag/v2.0.0
https://github.com/unovue/reka-ui/releases/tag/v2.0.0
🎤 Did you know this? Since Vue language tools 2.2.0, you can pass generics to components using @vue-generic.
@johnsoncodehk
@johnsoncodehk
📦 vue-routes-to-types
Type inference of routes based on the Vue Router config
https://github.com/dmitry-lavrik/vue-routes-to-types
Type inference of routes based on the Vue Router config
https://github.com/dmitry-lavrik/vue-routes-to-types
GitHub
GitHub - dmitry-lavrik/vue-routes-to-types: Library for creating typenoscript types based on routes of vue router routes.
Library for creating typenoscript types based on routes of vue router routes. - dmitry-lavrik/vue-routes-to-types
📰 Vue reactivity relationship feature for devtools
@webfansplz (a member of the Vue.js team) is developing a feature that will visually display connections between reactive objects. The feature is expected to land in Vue DevTools following the Vue 3.6 release.
@webfansplz (a member of the Vue.js team) is developing a feature that will visually display connections between reactive objects. The feature is expected to land in Vue DevTools following the Vue 3.6 release.
🛠 Another graph visualiser
Available both online and as a VSCode extension.
Playground: https://vue-hook-optimizer.vercel.app/
VSCode ext: https://marketplace.visualstudio.com/items?itemName=zcf0508.vue-hook-optimizer-ext
GitHub: https://github.com/zcf0508/vue-hook-optimizer
Available both online and as a VSCode extension.
Playground: https://vue-hook-optimizer.vercel.app/
VSCode ext: https://marketplace.visualstudio.com/items?itemName=zcf0508.vue-hook-optimizer-ext
GitHub: https://github.com/zcf0508/vue-hook-optimizer
📦 Vue Language Tools 3.0 was released
... but with regressions. Waiting for version 3.0.1
Changelog: https://github.com/vuejs/language-tools/releases/tag/v3.0.0
... but with regressions. Waiting for version 3.0.1
Changelog: https://github.com/vuejs/language-tools/releases/tag/v3.0.0
📦 VueJS pre-release v3.6.0-alpha.1
Vapor Mode is still in development, but a preview is now available
https://github.com/vuejs/core/releases/tag/v3.6.0-alpha.1
Vapor Mode is still in development, but a preview is now available
https://github.com/vuejs/core/releases/tag/v3.6.0-alpha.1
🌐 Vue.js Plugins Collection
Discover and explore the best Vue.js plugins to supercharge your applications. Curated by the community, maintained by developers
https://www.vue-plugins.org/
Discover and explore the best Vue.js plugins to supercharge your applications. Curated by the community, maintained by developers
https://www.vue-plugins.org/
📦 NativeScript Vue for Web
Map common NativeScript UI tags to browser-ready Vue 3 components, enabling the same SFC to run on both Native and Web.
https://github.com/ponzS/NativeScript-for-web
Map common NativeScript UI tags to browser-ready Vue 3 components, enabling the same SFC to run on both Native and Web.
https://github.com/ponzS/NativeScript-for-web
📦 VueJS pre-release v3.6.0-alpha.3 (Vapor Mode WIP)
Bug Fixes and adapting existing APIs for Vapor mode
https://github.com/vuejs/core/blob/minor/CHANGELOG.md
Bug Fixes and adapting existing APIs for Vapor mode
https://github.com/vuejs/core/blob/minor/CHANGELOG.md