Implementing the Builder Pattern in Vue.js Part 2: Forms
In this article, we'll take a look at how we can use the Builder Pattern to make it very easy to create many different form components for each content type of a typical CRUD application...
Blog Page 15
Implementing the Builder Pattern in Vue.js Part 1: Listings
Recently I've seen a great talk by Jacob Schatz about Phenomenal Design Patterns in Vue. One of the patterns he mentioned in his talk was the Builder Pattern. I found his example very interesting, so it was clear to me that I had to experiment with this pattern myself...
The IoC Container Pattern with Vue.js
In this article we experiment with implementing the IoC container pattern in Vue.js. The IoC container pattern is prevalent in other languages and frameworks, but not so much in the JavaScript world – we also take a look at why that might be so...
try...catch: The Right Way
Because of a recent bug hunting session where it took me a couple of hours to drill down several levels of npm dependencies in order to finally find a try...catch statement with the catch part being empty, I decided to write an article about this topic. Although, I have to admit, my first instinct was to be angry at the developer who did this...
Dependency Injection in Vue.js Applications
I often wonder how to decouple certain parts of an application best. At first, this seems pretty straightforward in the context of Vue.js applications. You have components and components pass down properties and emit events that's it. Right? Yeah, kind of. But also kind of not...
Distributed Vue.js Applications Part 2: Pushing Content and Component Updates to the Client
In this article, we explore how we can leverage the power of WebSockets to push content and even component updates to simple Vue.js client applications...
Distributed Vue.js Applications Part 1: Loading Components via HTTP
Imagine the following scenario: We have a central content distribution server responsible for pushing new content (think of news articles, for example) to a variety of Vue.js-based client applications. But we not only want to push new content but also describe the shape of the content via Vue.js components...
Using Docker to Run Visual Regression Tests with Jest and Puppeteer
Today we'll explore how we can use Docker to run our tests in a standardized environment in order to prevent false positives because of differences between operating systems...
Vue.js Error Handling with Renderless Components
Reliable error handling is one of those things which can make the difference between a good application and a great application. In today's article we'll take a look at how we can build renderless components to help us capture errors in our Vue.js applications...
Visual Regression Tests for Vue.Js Applications with Jest and Puppeteer
Assuming that we already have integration tests and unit tests in place, it’s time to take a look at how we can build our next line of defense against unwanted regressions in our app. In this article we'll use Jest and Puppeteer to set up Visual Regression Tests...