August 2018

Vue.js Unit Testing with Karma and Mocha

At some point, any serious development project should implement testing for their components. Generally, the first step is unit testing. Unit testing allows you to ensure that the behavior of your individual components is reliable and consistent. By using Karma and Mocha, combined with Webpack, we can unit-test Vue components with relative ease. ? Recommended …
Read more

Writing Class-Based Components with Vue.js and TypeScript

Those from an Angular (2+) background are probably familiar with the pattern of writing components as classes using properties and decorators to describe more complex parts of your component. Well, with a little configuration work, you can do the same thing with Vue! The biggest advantage class-based components have over standard Vue components is that …
Read more

Roundup: Vue.js Mobile Hybrid App Frameworks – Updated Q4 2017

Hybrid mobile apps and progressive web apps are becoming increasingly more common. There are a number of projects that provide a pre-made set of UI Components and APIs to make interaction with your mobile device cleaner and more easily accessible. Here are a few that allow you to write your hybrid or web apps with …
Read more

Roundup: Vue.js Desktop Web App Component Libraries – Updated Q4 2017

Any good view rendering library should have plenty of third-party components available for developers to work wtih. Vue is no exception. It has a plethora of amazing component libraries for you to use in whatever projects you see fit. Last Updated on November 27th, 2017. Over the past year, the number of quality desktop / …
Read more

Introduction to Vue.js Render Functions

Vue.js templates are incredibly powerful, and can accomplish almost everything you’d ever need in an app. However, there are a few use-cases, often those involving dynamic component creation based on input or slot values that are better served by render functions. Those coming from a React world are probably very familiar with render functions. React …
Read more

Model-based Form Validation with Vue.js and Vuelidate

While the most beginner-friendly approach to form validation in Vue.js might be through template-based forms, a much more flexible way is to validate the model instead. Model-based validation tends to be easier to understand and change for larger apps, moving the visual clutter from the template to the model and reducing it significantly. The most …
Read more