#186: 🍰 Vue.js v3.0.0 "One Piece" Released! 🎉 The State of Nuxt.js and more!

September 18 · Issue #186 · View online

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

📖 Read the issue online

Go to news.vuejs.org.

Submit new stories at news.vuejs.org/submit.

News

Vue.js 3.0 codename "One Piece"

Vue.js v3.0.0 One Piece Released

github.com – Share

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.

Evan You // Keynote: Live Free Online Announcement // Vuejs Global Online

Sébastien Chopin

@Atinux

The State of Nuxt - 2020 Edition for @vuejsamsterdam

Demos inside for Nuxt 2.14 & Nuxt 3 👀

https://t.co/csRLesWnGm

2:57 PM - 18 Sep 2020

Announcing the (new) Ionic Vue Beta – Liam DeBeasi

ionicframework.com – Share

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

www.youtube.com – Share

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

@vuelidate/core@2.0.0-alpha Released!

github.com – Share

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!

Articles

Watch with @vue/reactivity - Anthony Fu

antfu.me – Share

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”

evrone.com – Share

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 - Filip Rakowski

vueschool.io – Share

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

www.ditdot.hr – Share

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 – Lachlan Miller

vuejs-course.com – Share

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

Building a data layer with Vue and Composition API – Martin Malinda

medium.com – Share

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

Nuxt SSR Optimizing Tips - Filip Rakowski

vueschool.io – Share

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 | FrontAid CMS

frontaid.io – Share

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 – Nada Rifki

blog.logrocket.com – Share

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.

💚 Sponsors 💙