Evan You On Vue 3 and On Creating an Open Source Framework

Evan You On Vue 3 and On Creating an Open Source Framework

On 18 September 2020, Vue 3 has been released — a big event for JavaScript frontend developers. Evan You talks about the framework and its creation process.

On 18 September 2020, Vue 3 was released — a big event for JavaScript frontend developers.

Why is that? Because it introduced some new and cool features.

  • The new version gets even smaller! Streamlined libraries result in a lightweight package (10kb), weighing in around 50% less than version 2.6. Output file sizes have also been reduced using tree-shaking, which removes unused features from your code.
  • It’s faster. Upgrades to many aspects of the framework, including a rewrite of the Virtual DOM, have resulted in speed improvements.
  • Composition AP allows for Vue components to be shared across multiple devices and apps with less hassle. It also does wonder for code organization by keeping code for individual features together. At the end of the day this means cleaner, easier to read and share code.
  • The Teleport feature allows you to render code from one component to other components in the DOM tree. Previously known as portals, teleport is now built into Vue 3.

A full list of the changes is available in the official Vue 3 introduction document.

Vue 3 community, challenges and opportunities

How big is the Vue community right now?

It’s hard to measure the community size, but our devtools extension has 1.37 million current users so I think that’s a lot :)

Is Vue being adopted at the same rate as it has been in the past?

Judging from the npm download growth and devtools user growth, the curve doesn’t seem to be slowing down!

NPM stats for Vue popularity

_Source: _https://npm-stat.com/charts.html?package=vue&from=2014-12-12&to=2020-09-29

What are the challenges and opportunities for Vue 3?

The biggest challenge is making it a more solid choice for large scale applications while retaining the same beginner-friendly learning curve. I think we are making really good progress on this front with the Composition API and better TypeScript support in Vue 3.

Vue has been praised for its low entry threshold and flexibility compared to React. Has this perception changed over the years?

I think that perception still holds. Vue 3 mostly adds new features so the low entry threshold is still there, and in fact, Vue 3 is even more flexible than Vue 2. The biggest recent change in React is the introduction of hooks, but personally I don’t think it lowers the entry threshold since it actually requires a very solid grasp of JavaScript to use it effectively.

vue 3 vue.js javascript typescript

Bootstrap 5 Complete Course with Examples

Bootstrap 5 Tutorial - Bootstrap 5 Crash Course for Beginners

Nest.JS Tutorial for Beginners

Hello Vue 3: A First Look at Vue 3 and the Composition API

Building a simple Applications with Vue 3

Deno Crash Course: Explore Deno and Create a full REST API with Deno

How to Build a Real-time Chat App with Deno and WebSockets

Convert HTML to Markdown Online

HTML entity encoder decoder Online

8 Popular Websites That Use The Vue.JS Framework

In this article, we are going to list out the most popular websites using Vue JS as their frontend framework. Vue JS is one of those elite progressive JavaScript frameworks that has huge demand in the web development industry. Many popular websites are developed using Vue in their frontend development because of its imperative features.

Vue.js 3 Computed Properties & Union Types

In this tutorial we are building a full-stack TypeScript application. I will show you not only the front-end, but also the back-end part. We will also see how to connect those two layers. On the front-end we are using Vue.js, specifically the upcoming version 3. On the back-end we are using Node.js. In this application we use a single programming language, TypeScript, in those two layers.

Vue.js 3 + TypeScript • Full-Stack TypeScript with Kretes

In this tutorial we are building a full-stack application in TypeScript. This means we will not only cover the frontend part, but also the backend part. The frontend will be built in Vue.js using the upcoming version 3 that's currently in beta. Specifically we will focus on exploring the Composition API that this version introduces. Composition API is similar to Hooks from React. On the backend we will use Node.js, but still writing TypeScript.

Use old instance properties in Composition API in Vue.js 3

Learn how to use this.$emit, this.$attrs and more in the new Composition API, where you have no this instance in your Vue.js Components. However, that's not all. What happens with all instance properties we used to have, such as this.$emit, this.$slots, this.$attrs and so? They were on the this component instance, but there is no this in Composition API.

Why You Should Use TypeScript With Vue.js

Why You Should Use TypeScript With Vue.js: It’s easier to write good TypeScript code than good JavaScript code