Behold! NativeScript-Vue 2.0!

NativeScript-Vue, NativeScript’s implementation of its runtime with support for the Vue.js framework, has reached version 2.0 just seven months after we launched 1.0 on the stage of Vue.Amsterdam. The hard work of core contributor Igor Randjelovic and a trusty cohort of community members including Tiago Alves, Kamen Bundev, Manuel Saelices, Pascal Martineau, Vasil Trifonov, Rahul Kadyan, Ludovic Bois de Fer, and many more has culminated in a really solid release for you, which includes:
tl;dr; A new template, Sidekick integration, HMR, frame support, functional components, DevTools (wow!) and new docs.

Join me for a webinar where we will dive into this release and have some fun with creating apps and using DevTools! Register here.

Link: https://dzone.com/articles/behold-nativescript-vue-20?utm_medium=feed&utm_source=feedpress.me&utm_campaign=Feed%3A+dzone%2Fwebdev

The Writing and Rewriting of EloCute: A NativeScript-Vue Story

For some people, learning a new framework involves painstaking combing through books, Udemy videos, and step-by-step building of a todo app, walking through each change methodically. Me, I’m one of those weirdos who likes to learn by building an app that I intend to move to production ASAP. While I did get through Udemy courses and read a fair number of getting-started blogposts, as well as reading through the Vue.js docs, I decided early on that I was going to really jump into Vue.js by building an app that I always dreamed of building: an app for teachers and students of second languages, to help digitize the painful task of testing spoken skills such as clarity of speech and accent perfection in a second language.
As a former French language and literature teacher, and as a student of several second languages, I always found it extremely painful to sit in one of those antique language labs with klunky headphones and equipment from the 1980s (or earlier!) and speak into a microphone to practice spoken skills. Some programs, unable to access this expensive hardware, simply seem to neglect the practicing of spoken skills — Chinese language schools, for example, often utterly fail to meet the needs of a new language learner’s desire to gain spoken proficiency. The lack of immediate feedback and the isolated experience seem to cry out for a mobilized solution to the language lab.

Link: https://dzone.com/articles/the-writing-and-rewriting-of-elocute-a-nativescrip?utm_medium=feed&utm_source=feedpress.me&utm_campaign=Feed%3A+dzone%2Fwebdev

Error Tracking With Vue.js

Vue (pronounced /vjuː/, like view) is a progressive framework for building user interfaces on the web. Vue can power sophisticated single-page applications and is often used in combination with modern tooling and supporting libraries. We’ll show you how to add error handling in a Vue application to capture caught and uncaught errors. This gives you an opportunity to recover and update what’s presented to the user, as well as track the error to prioritize fixes. We’ll also show how to monitor errors in production using Rollbar.
How to Handle Errors in Vanilla Vue
You can catch exceptions in vanilla JavaScript using basic try, catch and finally statements. You can use these statements to handle caught exceptions in Vue components. In this example, we are simply logging to the console.

Link: https://dzone.com/articles/error-tracking-with-vuejs

React vs. Angular vs. Vue.js: A Complete Comparison Guide

Choosing a tech stack sometimes becomes a tedious task as you need to take every factor into consideration, including budget, time, app size, end-users, project objectives, and resources.
Whether you are a beginner, a developer, a freelancer, or a project architect forming strategies, it is a wise decision to be aware of the advantages and drawbacks of each framework in detail. So, this post will not help you select the best one, because that decision depends on the scope of your project and the framework’s suitability to your needs. But, this post can help you gain a better understanding of each framework along with trends and insights.

Link: https://dzone.com/articles/react-vs-angular-vs-vuejs-a-complete-comparison-gu?utm_medium=feed&utm_source=feedpress.me&utm_campaign=Feed%3A+dzone%2Fwebdev

Include Feature-Rich Maps in a NativeScript-Vue App With Mapbox

Vue.js has been all the rage lately and is proving to be a strong competitor to Angular and React. When it comes to the mobile development frameworks, we’re lucky that NativeScript allows us to create native Android and iOS applications with Vue.js. A little less than a year ago I wrote a tutorial titled, Using a Mapbox in a NativeScript Angular Application, that demonstrated including feature-rich maps in an application built with Angular.
Being that we’re all polyglots here, wouldn’t it be nice if we could accomplish the same with NativeScript and Vue.js?

Link: https://dzone.com/articles/include-feature-rich-maps-in-a-nativescript-vue-ap?utm_medium=feed&utm_source=feedpress.me&utm_campaign=Feed%3A+dzone%2Fwebdev

React.js vs. Vue.js: A Comparison of Popular Frameworks

JavaScript has gained in popularity and many tech giants are reaping the benefits of it. A plethora of frameworks and languages are popping up every day and we can’t keep up with all of them. It is pretty hard to decide which ones are worth paying attention to. The JavaScript world is moving faster than ever before and as a software development company, we can’t afford to overlook the most discussed frameworks of this era – React.js and Vue.js. So, in this comparison of React vs. Vue, we will help you select the best framework, based on the significant pros and cons of each, along with market trends and insights. We have a skilled pool of developers who keep themselves updated on every aspect of Vue.js and React development.

Link: https://dzone.com/articles/reactjs-vs-vuejs-comparison-of-popular-frameworks?utm_medium=feed&utm_source=feedpress.me&utm_campaign=Feed%3A+dzone%2Fwebdev

Vue Example: Creating a TODO App using Vue.js 2, Vuex, and Codemix [Video]

Looking for an efficient way to create web apps? Look no further – CodeMix is here to give you an entirely new experience. The following video shows you how to create a Vue example app, created in Eclipse and powered up by CodeMix. CodeMix is an Eclipse plugin that unlocks a wide array of technologies from VS Code and add-on extensions built for Code OSS. The Vue extension pack included with CodeMix includes everything you need for a superior coding experience as you follow along with the Vue example app in the video.
To create this application, you will be working with .vue, .js, and .html files. As you progress through your setup, you will create several components for the app using CodeMix’s powerful Vue.js support. Here’s a little taste of what you get when you use CodeMix:

Link: https://dzone.com/articles/vue-example-creating-a-todo-app-using-vuejs-2-vuex?utm_medium=feed&utm_source=feedpress.me&utm_campaign=Feed%3A+dzone%2Fwebdev

Hello Vue: A Quick Tutorial on Getting Started With Vue

A quick tutorial on getting started with Vue, including the use of a component from Kendo UI for Vue. Designed to be a great starting point with an example that, like Vue itself, is scalable.
This tutorial is aimed at the first-time Vue explorer. I’ll show you how to create a simple example using Vue, and then I’ll add in some interactivity and a UI component, and finally add in more functionality and a Kendo UI component. While this tutorial demo is quite basic, it outlines all the key elements of adding in features and functionality using Vue. It would be very easy to expand on the demo code and swap in more complex components. My example, like Vue itself, is scalable.

Link: https://dzone.com/articles/hello-vue-a-quick-tutorial-on-getting-started-with?utm_medium=feed&utm_source=feedpress.me&utm_campaign=Feed%3A+dzone%2Fwebdev

5 Awesome Boilerplates/Templates for Vue.js Projects

Are you about to begin an important Vue project? To ensure you start with a solid foundation, you might use a template (aka boilerplate, skeleton, starter, or scaffold) rather than starting from npm init or vue init.
Many experienced developers have captured their wisdom about building high-quality Vue apps in the form of open source templates. These templates include optimal configuration and project structure, the best third-party tools, and other development best practices.

Link: https://dzone.com/articles/5-awesome-boilerplatestemplates-for-vuejs-projects?utm_medium=feed&utm_source=feedpress.me&utm_campaign=Feed%3A+dzone%2Fwebdev