π° Coming soon: Core API for turning any Vue 3 component into a custom element.
https://twitter.com/youyuxi/status/1414594164168269828
https://twitter.com/youyuxi/status/1414594164168269828
Twitter
Evan You
Coming soon: Core API for turning any Vue 3 component into a custom element. Works with most Vue APIs including props, emits, and even provide/inject between nested Vue custom elements. Slots will render as native slot elements.
π Making the most out of Vue.js Injections
https://logaretm.com/blog/making-the-most-out-of-vuejs-injections/
https://logaretm.com/blog/making-the-most-out-of-vuejs-injections/
awad.dev
Making the most out of Vue.js Injections
Tips and tricks for optimizing and organizing the use of injections
This media is not supported in your browser
VIEW IN TELEGRAM
π° Evan You: For Vue users not using Nuxt: we are also working with @webfansplz to provide a new devtools implementation with similar DX for vanilla Vue applications :)
webfansplz: Some current progress (video)
https://twitter.com/webfansplz/status/1726977545244152005
webfansplz: Some current progress (video)
https://twitter.com/webfansplz/status/1726977545244152005
π° PSA: Vue 2 is approaching End of Life (EOL). The official date is Dec 31st, 2023.
What will happen, and what to do? Read more here: https://blog.vuejs.org/posts/vue-2-eol
What will happen, and what to do? Read more here: https://blog.vuejs.org/posts/vue-2-eol
blog.vuejs.org
Vue 2 is Approaching End Of Life | The Vue Point
The official blog for the Vue.js project
π Early demo of Vapor Mode
https://github.com/sxzz/vue-vapor-demo
Use stackblitz for fast install
https://stackblitz.com/github/sxzz/vue-vapor-demo
https://github.com/sxzz/vue-vapor-demo
Use stackblitz for fast install
https://stackblitz.com/github/sxzz/vue-vapor-demo
π Refactor reactivity system to use version counting and doubly-linked list tracking.
Increased performance and reduced memory consumption.
https://github.com/vuejs/core/pull/10397
Increased performance and reduced memory consumption.
https://github.com/vuejs/core/pull/10397
GitHub
Refactor reactivity system to use version counting and doubly-linked list tracking by yyx990803 Β· Pull Request #10397 Β· vuejs/core
This PR refactors the core reactivity system to use version counting and a doubly-linked list data structure inspired by Preact signals.
It brings some improvements and solves some issues around co...
It brings some improvements and solves some issues around co...
π° Vue.js 3.5 Release Candidate Announced
Vue.js team have released version 3.5.0-rc.1, asking users to test it in their projects. If no major issues are found, the stable Vue 3.5 is expected to launch next week.
https://x.com/vuejs/status/1829083051101696027
Vue.js team have released version 3.5.0-rc.1, asking users to test it in their projects. If no major issues are found, the stable Vue 3.5 is expected to launch next week.
https://x.com/vuejs/status/1829083051101696027
X (formerly Twitter)
Vue (@vuejs) on X
Vue 3.5 is now in RC! We recommend everyone to try out 3.5.0-rc.1 in your projects early to catch potential regressions. If no major issues are found, expect 3.5 stable next week.
π Whatβs Coming in Vue 3.5?
https://vueschool.io/articles/vuejs-tutorials/whats-coming-in-vue-3-5/
https://vueschool.io/articles/vuejs-tutorials/whats-coming-in-vue-3-5/
vueschool.io
Whatβs Coming in Vue 3.5? - Vue School Articles
Discover the latest features in Vue 3.5, including stable reactive props destructuring and memory optimizations for improved app performance.
πΌ "Vue Vapor: Reinvention" by Kevin Deng (sxzz)
Presentation slides from Vue Fes Japan
https://talks.sxzz.moe/2024-10-vue-fes-japan/
Presentation slides from Vue Fes Japan
https://talks.sxzz.moe/2024-10-vue-fes-japan/
π¦ FormWerk - a suite of Vue.js composables designed to enhance your forms with built-in behaviors, interactions, internationalization, and accessibility, seamlessly integrating with your markup and styles.
https://formwerk.dev/
https://formwerk.dev/
formwerk.dev
Formwerk - Build High-Quality Vue.js Form Components
A collection of Vue.js composables for building forms with behaviors, interactions, internationalization, and accessibility built-in, ready for your markup and styles.
πΌ 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