Your Choice JavaScript News

Vuejs, nuxtjs, javascript, spa & much more…

Vue News Tuesday, May 29

Simplify computed properties by using helpers for Vue.js

  • This package contains a bunch of useful helpers that can be used to simplify computed properties.
  • There are currently 22 Computed helpers for Vue apps to use with computed properties, the full list is available here.
  • Where means that it can be either value or property name.
  • If you provide a string and there will be a property with that name it’s value will be used to perform the check.
  • Import the helpers you are going to need in your project – – You could just display the results in the template – – That’s it!

Tags:

Simplify computed properties by using helpers for Vue.js

Offline-First Progressive Web Apps (PWA) in Vue.js

  • Progressive Web Apps are just Web pages, but with superpowers.
  • They load under uncertain network conditions, even offline.
  • They can be installed on your smartphone if the browser supports it, feeling like a native app.
  • In this course Im gonna show you how to take an existing Single Page App made in Vue.js and pragmatically convert it to a Progressive Web App by creating a web manifest, then it goes through caching static assets, external resources and streams using service workers, applying code-splitting and lazy…

Tags:

Offline-First Progressive Web Apps (PWA) in Vue.js

A deep dive in the Vue.js source code (#40): _directInactive

  • In this post, we continue through the initLifecycle function by briefly looking at the _directInactive property: – function initLifecycle (vm) { – var options = vm.
  • _isBeingDestroyed = false; – }Here is all you need to know about _directInactive from this post because it is all that is happening in the initLifecycle function: the _directInactive property on the Vue instance is set to false: – vm.
  • In the activateChildComponent, if the direct parameter is true, the _directInactive property on the Vue instance is set to false: – function activateChildComponent (vm, direct) { – if (direct) { – vm.
  • $children.length; i++) { – } – callHook(vm, ‘activated’); – } – }And, if the direct parameter is not true but the _directInactive property is true, the function returns without further action: – function activateChildComponent (vm, direct) { – if (direct) { – vm.
  • $children.length; i++) { – } – callHook(vm, ‘activated’); – } – }In the deactivateChildComponent function, if the direct parameter is true, the _directInactive property is set to true.

Tags:

A deep dive in the Vue.js source code (#40): _directInactive

Top Vue Courses

Vue JS 2: From Beginner to Professional (includes Vuex) (1,798 students enrolled)

By Bo Andersen
  • How to build advanced Vue.js applications
  • How to build single page applications (SPA)
  • Understand the theory and how Vue works under the hood
  • How to manage state in large applications with Vuex
  • Communicating with servers with HTTP
  • Use modern tools for developing and building applications (e.g. webpack)

Learn more.


Vue JS 2 - The Complete Guide (incl. Vue Router & Vuex) (38,295 students enrolled)

By Maximilian Schwarzmüller
  • Build amazing Vue.js Applications - all the Way from Small and Simple Ones up to Large Enterprise-level Ones
  • Understand the Theory behind Vue.js and use it in Real Projects
  • Leverage Vue.js in both Multi- and Single-Page-Applications (MPAs and SPAs)

Learn more.


The Ultimate Vue JS 2 Developers Course (3,882 students enrolled)

By Anthony Gore
  • Understand all Vue concepts from beginner to advanced
  • Build three real world applications using Vue.js utilising every Vue feature
  • Use the Vuex statement management library
  • Write basic Vue with ES5 and also modern Vue with ES6
  • Setup VueJS environment with development tools including Webpack
  • Create a universal application with server-side rendering
  • Use popular plugins from the Vue ecosystem like vue-router and vue-resource
  • Cutting-edge features like Single File Components, Render functions and Server-Side Rendering

Learn more.


Vue JS 2.0 - Mastering Web Apps (52,495 students enrolled)

By David Katz
  • Build entire Vue JS, VueRouter, and Vuex applications from scratch.
  • Develop apps that deal with APIs and web requests.
  • Create web apps with a full authentication service, and real-time database.

Learn more.


Learn by Doing: Vue JS 2.0 the Right Way (1,437 students enrolled)

By Dejan Stošić
  • Build your own VueJS application of any size
  • Plan and structure your project
  • Write maintainable code
  • Use smart development tools like vue-cli

Learn more.