Markus Oberlehner

Blog Page 21

Automated Acceptance Testing with Cypress and Vue.js Part 1: Setup

In today's article, we're going to take a look at one of the rising stars in the automated end-to-end testing scene: Cypress. When I first discovered Cypress, I thought that it looks very promising, but I was skeptical if it can live up to the hype...

Dynamically Loading SVG Icons with Vue.js

In this article we're going to explore two approaches for dynamically loading SVG icons with Vue.js. We'll use the wonderful vue-svgicon package as a foundation for our SVG icon workflow...

How to Structure a Complex Vuex Store with Modules

In this article, we take a look at a possible way of how to structure a Vuex store for a large scale application. When I was researching possible approaches for handling the state of big, Vue powered applications with Vuex, it was pretty hard to find any good examples...

How to Handle Multi-row Forms with Vue, Vuex and vuex-map-fields

In one of my previous articles about form field handling in combination with Vuex, I introduced the vuex-map-fields package, which allows to conveniently map a list of fields to Vuex conform getter and setter functions. In today's article we take it a step further and we'll explore how we can use the latest release of vuex-map-fields to build a Vuex powered multi-row form...

Money in Open Source

Last week at Scriptconf in Linz, Austria, Evan You, the creator of Vue.js, spoke about his journey to becoming a full-time open source developer. Although most of the things he talked about don't apply to small open source projects and their contributors, I still found it interesting to gain some insight into the world of highly successful open source projects. But the one thing that people seemed to talk most about after the talk was how much money Evan makes on Patreon...

Vue.js Form Validation with Vuelidate

In today's article, we build a simple contact form with inline validation powered by Vuelidate. One of the best features of Vuelidate is its relatively small footprint...

Combining GraphQL and Vuex

In today's article, we're going to take a look at how we can combine GraphQL and Vuex to manage the state of a Vue application. But first of all let me say that the way we're going to integrate the Apollo GraphQL client into our Vue application is not the “official” way of how to integrate GraphQL into a Vue powered application...

Two-Way Data Binding with v-model and Vuex

One of the most valuable features that Vue.js has to offer, is painless two-way data binding. By using the `v-model` directive, you can quickly set up two-way data binding on form elements...

Building a Modal Dialog with Vue.js and Vuex

Today we're building a modal dialog in Vue using Vuex. In my last article about exploratory TDD I wrote about the lack of tutorials demonstrating TDD in more complex, real world scenarios, so I decided to guide you through the whole process of building a modal dialog using the TDD methodology...