← Go back

179Sunday, April 19, 2020
🎉 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!

Hello,

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

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


Stories

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

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

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

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

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

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.

How the Vue Composition API Replaces Vue Mixins

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.

State Management Without Vuex

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

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

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

Controlled Props Pattern

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.

What to do when Vue hydration fails

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.

Vue Skeleton Loading Screen using Suspense Components

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

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

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: Use Web Workers in your Vue.js Components for Max Performance

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


Libraries

GitHub - davestewart/got-paper

https://github.com/davestewart/got-paper/

The official "got paper?" app – a Vue / Nuxt PWA, optimised for mobile, running in 12 languages