113Tuesday, October 2, 2018Plans for the Vue.js 3.0 release; Both Nuxt.js and NativeScript-Vue hit the 2.0 release!
Hello!
Hope you don’t mind the two weeks break – Vue.js London was a blast! 💥
Probably the most exciting news this week – the plans for the upcoming Vue.js 3.0 release! 🔥
Unless you’re into mobile development. In that case I have an even better news – NativeScript-Vue 2.0 has been released!
Speaking of releases – the long awaited Nuxt.js 2.0 version has finally been released! On stage. During the Vue.js London conference. Here’s proof.
— Damian Dulisz
Stories
Plans for the Next Iteration of Vue.js
So here it is – the official sneak peek of what’s to come in the upcoming 3.0 release of Vue.js.
TL;DR: smaller, faster, proxy-based reactivity, decoupled internal modules, written in TypeScript, custom render API, changes to render functions (though the template syntax stays 99% the same), and much more!
Nuxt.js 2.0: Webpack 4, ESM Modules, create-nuxt-app and more!
The long awaited Nuxt.js 2.0 release is finally here. Changes include the addition of create-nuxt-app, and an update to Webpack 4 & Babel 7. A full list of changes can be found here.
Behold! NativeScript-Vue 2.0
NativeScript-Vue 2.0 is here! Some of the important changes include: Vue-Devtools support, making all the NativeScript elements into Vue functional components (so they show in the devtools), Sidekick integration as well as support for NativeScript UI components. On top of all that – new docs!
Learn how to Validate Forms Like a Pro from Vue School
Form validation is a feature every application needs. Vue School has paved the way and collected everything you need to know about form validation in one short video course.
Learn about the responsibilities of a validator, asynchronous validation, conditional validation and more. Provide your users with the best user experience when it comes to forms and speed up your development with best practices.
Get unlimited access to this and other Vue.js courses for as little as $9/mo.
What's New in Vue Devtools 5.0 Beta
Debugging Vue apps just got better. Check out the features in the latest beta of Vue Devtools, including the new routing, performance and settings tabs.
Vue.js London 2018 | Summary & Photos
Here’s a brief summary of the conference including lots of great pictures! The site will also be updated with links to recordings and other materials.
The 10 talks and many highlights of Vue London
If you’re looking for a quick summary of all the talks from the conference, Phil Hawksworth (who also happened to be the MC) wrote an article that covers just that.
Intro to Vuex and Accessing State
Gregg Pollack wrote a great, illustrated introduction to Vuex – Vue’s state management library. If you still haven’t learned how and when to use it – this might be the perfect article to start with.
List of influential Twitter profiles in the Vue.js community — State of 2018
If the weekly newsletter and podcast aren’t enough, Dobromir Hristov prepared a list of people and profiles to follow on Twitter.
Vue Router — The Missing Manual
In this article Harshal Patil goes through some less discussed functionalities and design decisions of Vue-Router, and how it compares to other routing solutions used in different frameworks.
Building Vue Components so Back-End Developers Won’t Hate You
Ian Johnson from Skilljar is sharing some of his experience on component architecture. Ian is focusing on making the app approachable for developers that might not be familiar with Vue and JavaScript development in general.
The joy of building Vue apps in Typescript — Part 1: Vue Class Components
Considering that Vue itself is being rewritten in TypeScript, it might be a good idea to give the language a try. Arnav Gupta started a new series about building Vue apps with TypeScript – the first part is about using the classes for creating components.
Choosing the Right Front-End Framework for Your Vue App
When building Vue apps we often don’t have the time to build all the commonly used components from scratch. Instead we can pick from several UI frameworks built on top of Vue, like Vuetify, ElementUI, Buefy or Bootstrap-Vue. Or even full blown frameworks like Quasar. In this article Andi Pavllo goes through some of the more popular options and evaluates their pros and cons.
UIkit with Vue.js — Vue-CLI 3
Speaking of UI frameworks – here’s an article by Aravind Voggu that will show you how to set up UIkit through the new Vue CLI 3.0.
Shards Vue - High-Quality & Free Vue UI Kit
A high-quality & free Vue UI kit featuring a modern design system with dozens of custom components.
Libraries
Vue CLI Plugin Electron Builder
A Vue CLI 3 plugin for Electron with no required configuration.
GitHub - vue-electron/vuex-electron
Integration of Vuex and Electron
Release v2.1.2 · shentao/vue-multiselect · GitHub
Universal select/multiselect/tagging component for Vue.js
GitHub - guanzo/vue-smooth-reflow
A Vue mixin that transitions reflow. When the component's data is changed, any CSS properties that you register will transition to its new value.