After almost a couple of years in development, Vue 3.0, which happens to be a significant upgrade to the well-known JavaScript framework for developing web UIs, is obtainable as a production release right now. The highlights consist of smaller bundle sizes as well as better performance.
Performance of Vue 3.0
Launched on 18th September, Vue 3.0 plans to enhance performance as compared to Vue 2 when it comes to updating speed, render speed, bundle size, and memory usage. As part of the project, updates happen to be up to 130% quicker, render is 55% faster, and the memory usage up to 53% less. Apart from this, the bundle size is going to be as much as 40% lighter along with tree-shaking which happens to be a technique used for minimizing the size of the output file.
Vue Internals
Vue internals is being written once again into an assortment of the decoupled module, which provides an architecture providing minimized runtime size as well as better maintainability. Lower-level APIs are exposed by modules that unlock advanced usage cases like the compiler, which supports AST transforms intended for customizations. An API is provided by the core runtime for developing custom renders for various targets like WebGL, terminals, or native mobile. Moreover, the @vue/reactivity module is responsible for exporting functions providing access to the reactivity system of Vue, which is possible to be employed as a standalone package.
The Vue 3.0 launch milestone is accountable for marking the overall readiness of the framework even though work might still be required for several subprojects. According to Vue project developers, it was safe to commence greenfield projects. Also, library authors can upgrade their projects.
Some other innovative capabilities in Vue 3.0 consist of the following:
A codebase is composed of TypeScript. The Type definitions are updated and bundled.
A Composition API which makes it simpler to make use of Vue when it comes to large-scale applications.
Experimental features like <script setup> providing syntactic sugar for being use of Composition inside SFCs as well as <style var> providing CSS variables which are state-driven within SFCs.
Vue.js builders are going to emphasize on IE11 support, migration builds capabilities, as well as further enhancements to template type inference.
Learn more here: https://www.rlogical.com/blog/vue-3-0-now-arrives-in-typescript/
Top comments (0)