186Friday, September 18, 2020
🍰 Vue.js v3.0.0 "One Piece" Released! 🎉 The State of Nuxt.js and more!

Hello!

The time is now! Vue.js v3.0, codename "One Piece" has just been officially released! 🎉 Watch the announcement talk by Evan You!

This is a huge milestone for us that, to quote Evan You himself „represents over 2 years of development efforts, featuring 30+ RFCs, 2,600+ commits, 628 pull requests from 99 contributors, plus tremendous amount of development and documentation work outside of the core repo”. Along with it, of course, is the terrific work of the teams behind the new documentation and the surrounding ecosystem libraries like Vue-Router, Vuex, Vue-CLI, Vue-Devtools, Vue-Test-utils, Vetur and others!

Here are the release notes.

The new Vue Docs are available at v3.vuejs.org.

Enjoy! — Damian Dulisz


Stories

Vue.js v3.0.0 One Piece Released

Vue.js v3.0.0 One Piece Released

Today we are proud to announce the official release of Vue.js 3.0 "One Piece". This new major version of the framework provides improved performance, smaller bundle sizes, better TypeScript integration, new APIs for tackling large scale use cases, and a solid foundation for long-term future iterations of the framework.

Vue.js 3.0 Announcement Talk at Vue.js Global Online

Watch the announcement and "State of Vue" talk by Evan You.

Announcing the (new) Ionic Vue Beta

Anyone else feeling déjà vu? It feels like not too long ago we were launching the Ionic Vue beta built with Vue 2. Today, I am thrilled to announce the new and improved Ionic Vue beta built with Vue 3!

Vue.js Global Live Online 2020 – Talks Playlist

Talks from the Vue.js Global Live Online 2020 conference!

@vuelidate/core@2.0.0-alpha Released!

New Vuelidate version is here supporting both Vue 3.0 and Vue 2.x (with the Composition-API plugin). Although the docs are still in progress you can already get a good glimpse of how to use it and some brand new features like the support for nested validations. Take it for a spin!

Watch with @vue/reactivity

A brief intro to how the Vue reactivity system works and a guide to implementing the (missing) watch on your own.

Vue.js Creator Evan You Interview: “You need to understand what your users want”

We spoke with Evan about the release of Vue 3, his opinion on no-backend & fullstack approaches, Vue use cases and the work-life balance of the creator of the technology.

Nuxt Composition API

Learn which challenges the Composition API brought to Nuxt.js, and which posibilities we got when the Nuxt team released the powerful @nuxtjs/composition-api module.

Vue Flow Form - Open Source Form Generator Built with Vue.js

Vue Flow Form is a form generator tool for developing custom, conversational forms. It's a free, open-source, and self-hosted solution built with Vue.js.

Diving into the Virtual DOM

Dive in and explore Vue's Virtual DOM with a recursive algorithm.

Building a data layer with Vue and Composition API

An interesting article that explains how to build the data-layer for your Vue applications using the Vue Composition-API.

Nuxt SSR Optimizing Tips

Learn about the difference between server-side and client-side rendered optimization, and how to optimize your Nuxt SSR applications for optimal performance.

Using Nuxt Content with a JSON File

With the recent introduction of Nuxt Content, we can now create complete applications using content from JSON files with Nuxt. This blog post shows how this can be used to extend static pages with data, create dynamic pages, and also dynamic navigations.

How to build a TWA Android app out of your Nuxt.js PWA

Did you know that you can package your progressive web app (PWA) in an Android app and publish it on the Google Play Store? Well, you can. This way, mobile users will be able to find it and download it, and everything will behave like in a native application. Personally, I wasn’t aware of this until I came across the TWA acronym, which means: trusted web activity.


Libraries

VueTut

https://evwt.github.io/vue-tut/#/

Easily build beautiful coding tutorials with Vue.

GitHub - ditdot-dev/vue-flow-form

https://github.com/ditdot-dev/vue-flow-form/

Create conversational conditional-logic forms with Vue.js.

GitHub - marekmensa/vue-dd-form

https://github.com/marekmensa/vue-dd-form/

📋 Fresh way to create simple or complex forms – without programming!