{"id":79,"date":"2020-10-16T13:57:16","date_gmt":"2020-10-16T13:57:16","guid":{"rendered":"https:\/\/www.florintechcomputercollege.com\/blog\/?p=79"},"modified":"2020-10-16T17:41:12","modified_gmt":"2020-10-16T17:41:12","slug":"vue-3-0-brings-more-speed-more-typescript","status":"publish","type":"post","link":"https:\/\/www.florintechcomputercollege.com\/blog\/vue-3-0-brings-more-speed-more-typescript\/","title":{"rendered":"Vue 3.0 brings more speed, more TypeScript"},"content":{"rendered":"\n<figure class=\"wp-block-image\"><img decoding=\"async\" src=\"https:\/\/images.techhive.com\/images\/article\/2015\/08\/thinkstockphotos-456110931-100606443-large.jpg\" alt=\"Vue 3.0 brings more speed, more TypeScript\"\/><figcaption>Vue 3.0, a planned upgrade to the javascript framework for building web UIs, is moving toward general release. The release candidate stage was reached on July 17, which followed a beta release in early spring. The Vue 3.0 release promises significant performance improvements.<br>With the release candidate stage, both the API and the implementation of Vue 3 core have stabilized. The RC can be <a href=\"https:\/\/www.npmjs.com\/package\/vue\/v\/next\" target=\"_blank\" rel=\"noopener\">downloaded via NPM<\/a>. A production release of Vue 3.0 is now anticipated in August, with a previous ship target of June having passed.<br><br>Highlights of the Vue 3.0 release:&nbsp;<br>For better performance, Vue 3.0 features a rewritten virtual DOM and compiler-informed fast paths.<br>Server-side rendering is two to three times faster, based on benchmarks simulating typical scenarios. Component initialization is more efficient, and update performance is also improved.<br>Tree-shaking, which reduces the output file size and improves overall performance, also is highlighted, with most optional Vue features, such as the v-model directive for creating two-way data bindings, now tree-shakeable.<br>The Composition API featured in Vue 3.0, which is usable alongside the Options API, offers a set of additive, function-based APIs that allow flexible composition of component logic and reuse.&nbsp;<br>The Vue.js 3.0 codebase is written in TypeScript with auto-generated type definitions and an API that is the same in both TypeScript and JavaScript. The class component is still supported.<br>Explorative type-checking in SFC (Single File Components).<br>A Custom Renderer API, set to have integration with the Native frameworks<br>A Fragments capability designed to solve an issue where multiple root components are not allowed. Progress Telerik, maker of NativeScript, has described Fragments as template wrapper tags used to structure a presentation without impacting semantics.<br>The open source \u201cprogressive\u201d Vue.js framework is intended to enable development of more testable, maintainable web user interfaces. Web pages can be split up into reusable components. Vue.js is reactive; when data changes, the framework takes care of updating every part of a web page where the data is being used. Vue.js has 168,000 stars on GitHub.<\/figcaption><\/figure>\n","protected":false},"excerpt":{"rendered":"","protected":false},"author":2,"featured_media":42,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[1,6],"tags":[],"class_list":["post-79","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-web-development","category-tech-news"],"_links":{"self":[{"href":"https:\/\/www.florintechcomputercollege.com\/blog\/wp-json\/wp\/v2\/posts\/79","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.florintechcomputercollege.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.florintechcomputercollege.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.florintechcomputercollege.com\/blog\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/www.florintechcomputercollege.com\/blog\/wp-json\/wp\/v2\/comments?post=79"}],"version-history":[{"count":2,"href":"https:\/\/www.florintechcomputercollege.com\/blog\/wp-json\/wp\/v2\/posts\/79\/revisions"}],"predecessor-version":[{"id":86,"href":"https:\/\/www.florintechcomputercollege.com\/blog\/wp-json\/wp\/v2\/posts\/79\/revisions\/86"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.florintechcomputercollege.com\/blog\/wp-json\/wp\/v2\/media\/42"}],"wp:attachment":[{"href":"https:\/\/www.florintechcomputercollege.com\/blog\/wp-json\/wp\/v2\/media?parent=79"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.florintechcomputercollege.com\/blog\/wp-json\/wp\/v2\/categories?post=79"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.florintechcomputercollege.com\/blog\/wp-json\/wp\/v2\/tags?post=79"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}