Tag Archives: Vue

Building an application with Laravel and Vue

Posted in Javascript on February 8, 2018

It’s now 5 years since we built our first web application and a lot has happened since then. We started with building applications from scratch without any framework. Then we realized it made no sense to write every piece of code ourselves and we started exploring the possibilities to build applications in WordPress. Although WordPress is a great tool, it didn’t have the flexibility we need to build custom web apps. Nowadays we use a combination of Laravel and Vue. We are very happy with the combination of these frameworks and decide to write a blog series about building web applications using Laravel and Vue. This is the first blog of the series.

Our Vue starter pack

Posted in Javascript on October 26, 2017

With vue-cli you can scaffold a new Vue app quickly. There are various templates out there you can use. Just typing vue init template-name, installing and running is all it takes. However, we tweaked the standard webpack template a little to incorporate Vuex and to have two pages using VueRouter. Just a simple starter for our own projects.

Spicing up a Laravel webapp with Vue

Posted in Javascript on October 20, 2017

Improving an old codebase by adding Vue to it. Yeah! Although only partly visible in the frontend of the webapp, we completely changed our client side code. We ditched jQuery and used Vue in our administration app.

Testing Vue components in an isolated way using Storybook

Posted in Javascript on October 12, 2017

Testing your components in Vue is a good idea. You can use unit tests or end-to-end tests. However, testing the look and feel of your components is also possible by simply watching how they render in the page for a specific state of the UI. In this post I’ll discuss two approaches for isolated testing of your Vue components inside a Laravel project.

Transitions in Vue

Posted in Javascript on September 28, 2017

Transitions are essential when you want to create an intuitive user interface. When using Vue, transitions are easily integrated in your application. Here we discuss a use case of one of our own projects.

Did js-beautify break the internet?

Posted in Javascript on September 19, 2017

Monday september 18th, the Vue world is in shock: the vue-cli doesn’t work anymore. A new release of the js-beautify package breaks the npm install command. An issue on Github quickly gets a lot of comments. People are yelling that they can not work and can not ship app X to customer Y. A breakdown of what went wrong.

Why and when do you apply Vuex in your project?

Posted in Javascript on September 18, 2017

In this post we will look into the why and when of applying Vuex to a Vue project. Not a detailed, code-heavy tutorial, we rather focus on a simple example in which it becomes apparent that Vuex is a solution to keep the codebase tidy and maintainable.