#179: 🎉 Vue.js v3.0-beta released! Check out the new State of Vue update from Evan You; Great things for TS users coming in Vue 3.0!

April 19 · Issue #179 ·

Hello friends,

long time no see. Sorry about that. Have you been missing the newsletter? I sure hope you did since…

I’ve got some exciting news for you! Vue v3.0-beta has been released! This brings us yet another step closer to the final release. There’s also a presentation from Evan You that will walk you through the next steps.

There’s also a small update to Vuex – v3.2.0. It comes with an utility hasModule function that allows you to check if a module is already registered.

Also thanks to some recent work by Rahul Kadyan, we’re getting closer to a much improved TypeScript experience for Vue 3.0 which also includes templates! It might also support smart refactoring (check out the short video in the link)!

Stay safe,

— Damian Dulisz

📖 Read the issue online

Go to news.vuejs.org.

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

News

Vue.js

@vuejs

We just released Vue 3.0.0-beta.1! Here's an overview from @youyuxi on the status of 3.0 core and official tools & libraries: https://t.co/7TP5ZMtjK4

10:53 PM - 16 Apr 2020

Vue.js 3.0-beta – State of Vue Apr 16, 2020 – Evan You

docs.google.com – Share

Check out the presentation from Evan’s recent online ThisDot meetup about the just released Vue 3.0-beta!

Release v3.2.0 · vuejs/vuex · GitHub

github.com – Share

New release that introduces the hasModule method to check if a module has already been registered.

Blake Newman

@blakenewman

This is huge! For @typescript users this is so exciting.

Firstly the support of typed templates 😍
Secondly this uses the new underlying plugin API in Typescript to make Vue files be treated as modules, which will hugely simplify our ecosystem of tools as this matures!

😍😍😍 https://t.co/g4oMbz0s5K

9:44 AM - 17 Apr 2020

#11: Enjoy The Vue: Test Driven Development with Sarah Dayan

enjoythevue.io – Share

This week we are joined by Sarah Dayan. Sarah currently works for Algolia as a Staff Software Engineer as a Tech Lead of the Doc Squad. You may have seen Sarah speak about Test Driven Development (TDD) at VueConf in Toronto or Vue.js Amsterdam. In this episode we get to pick Sarah’s brain about TDD.

#12: Enjoy The Vue: Vue Router with Eduardo San Martin Morote

enjoythevue.io – Share

This week we are joined by Eduardo San Martin Morote, who is from Ecuador, but currently lives in Paris. He is a Freelance Front-end Developer and spends much of time on Vue.js and more specifically on Vue Router. Tessa, Chris, and Ari have a bunch of questions for Eduardo dealing with Vue Router, recent changes happening with it, problems with it, and he talks about what it’s like to be the core maintainer of it.

Articles

How the Vue Composition API Replaces Vue Mixins – Anthony Gore – CSS-Tricks

css-tricks.com – Share

Looking to share code between your Vue components? If you’re familiar with Vue 2, you’ve probably used a mixin for this purpose. But the new Composition API, which is available now as a plugin for Vue 2 and an upcoming feature of Vue 3, provides a much better solution.

What to do when Vue hydration fails – Alexander Lichter

blog.lichter.io – Share

SSR is amazing but also comes with errors you might have not seen before. Especially one problem still boggles lots of minds: When Vue Hydration fails. In this article we will take a look at possible reasons, explain what the error means and how to fix it.

State Management Without Vuex – Michael Thiessen

michaelnthiessen.com – Share

What if you wanted to manage state, but you didn’t want to use Vuex? Don’t get me wrong, Vuex is a great tool. But it’s not ideal for every use case.

What you will love in Vue 3 – Alex Kyriakidis

vueschool.io – Share

Prepare yourself for what to expect in Vue 3 with Alex Kyriakidis’ presentation from the Vue.js Amsterdam conference.

Understanding how fetch works in Nuxt 2.12 – NuxtJS Docs

nuxtjs.org – Share

Explore different features of the fetch hook and learn a brand new way to bring data into Nuxt applications.

Controlled Props Pattern – Michael Thiessen

michaelnthiessen.com – Share

There are a few instances where you want to be able to override the internal state of a component and force it open from the parent. The controlled props pattern is designed for exactly this situation.

Vue Skeleton Loading Screen using Suspense Components – Matt Maribojoc

learnvue.co – Share

Skeleton loading screens show a content outline while waiting for data to load - providing a great user experience and making load times feel shorter.

Clean, Scalable Forms with Vue Composition API – Anthony Gore

vuejsdevelopers.com – Share

Forms are one of the trickiest parts of frontend development and where you’ll likely find a lot of messy code. In this tutorial, you’ll see how the new Vue Composition API will make your form code much cleaner and more scalable.

Quasar and Apollo - Client State without Vuex - Part 1 – Scott Molinari

dev.to – Share

In this 4 Part article series, Scott Molinari, team member of Quasar Framework, writes about how Apollo’s client state management system can replace Vuex. To demonstrate this, he built a ToDo app with the Quasar Framework.

#33 VueDose: Use Web Workers in your Vue.js Components for Max Performance

vuedose.tips – Share

Learn how to get up to 20x performance improvement of Vue.js components that rely on heavy tasks so they render and load faster.

💚 Sponsors 💙