Issue #109 - Vue.js Devtools 5.0 Released, State of the Vuenion 2019, MobX - The Vue Way, and more

View this issue online

Hi folks,

I didn't have room to mention it below due to the overload of awesome articles and news this week, but there's a new roadmap released for Vue CLI 4. Look promising!

Also, if you're interested in joining the presale for my upcoming Enterprise Vue course, more than half of the spots are now taken so be sure to join soon! (link here)

7 Must-Read Links From This Week

Evan You - State of the Vuenion [Video: VueJS Amsterdam 2019]

Check out Evan's keynote from VueJS Amsterdam 2019 last month where he discusses Vue 3, how the Vue project evolved in 2018, and exciting future plans for Vue.

Vue.js Devtools 5 Released

Vue Devtools 5 has been released. This is, without a doubt, the most significant update since the initial release. There are three new tabs include Routing, Performance, and Settings. Other cool features include editable Vuex state and a major boost in speed and memory efficiency.

How to Unlock the Full Potential of Prop Types in Vue

Prop types are a really simple way to catch a lot of potential errors. Here are some great tips on how to use them effectively. My favorite here is to use a validator for enforcing a list of string values.

MobX - The Vue Way

Vuex will generally be the right choice for state management for Vue apps. But consider Mobx for state management that is framework agnostic, has built-in observable fields, is simple, has little boilerplate, and has superior performance.

Creating A Spotify-Powered App Using Nuxt.js

In this tutorial, you’ll learn how to compose your own application to share what you’re listening to on Spotify using Vue.js and Nuxt.

Simple and Performant Functional Vue.js Components

Sometimes we don’t need complex components, and in some cases, we don’t even need them to have a state. Here functional components can be used, as they are simple to reason about, faster and more lightweight.

A Handful of Pointers to Power Up your Vue App Development

Here are a few tricks and tips that the author has found while working in Vue for the last two years, like using the same ref value to return an array of elements, and adding global variables with Webpack’s DefinePlugin, and more.

Sponsored

Free Vue.js Crash Course For Beginners

Learn what Vue is, what kind of apps you can build with it, how it compares to React & Angular, and more in this free 30-minute video introduction.

Special thanks to our senior Patreon sponsors Vue School & Packtracker.

Want your sponsored link or post in the next issue? Reply to this email to ask about rates!

Thanks for reading!

If you enjoyed this issue, show your support by buying me a coffee, or if you’d like to support me to create the newsletter ongoingly, you can make a pledge through Patreon.

Until next week,
Anthony Gore, curator

Continue the conversation with Vue.js Developers on social media: