One Page App With Drupal 8 and Vue.js - Part 14 - Vue Transitions

Jan 26, 2016

In this episode of Drupal 8 and Vue.js tutorials I'm going to show you how you can make transitions between your components for better user experience.

Right now our single-page application looks ok. But we can make it better by providing user with some feedback when he/she clicks on something. As you probably noticed there is a slight delay when loading our data. So we want to give user feedback that something is actually loading and not make him look at the blank page.

This is where the vue transitions come in. You can set starting and ending points for your transitions and even make cool animations for better user experience.

### Code used in this tutorial……

Hi! I'm Karim Boudjema, the developer and site-builder of this site. I'm currently working as a freelance Drupal developer.

I was wondering how could I giving back to the Drupal community all what it gave to me during the last 10 years, that's how the idea of this site came to me ... (read more)

Hi! I’m Santiago Rico, the web designer and themer of this site.

When Karim proposed me to design and theme this site for the Drupal community, I accepted immediately because the community is the main reason why I love Drupal so much.