We've heard that animating our web interfaces can improve user experience and even
boost conversions, but what exactly should we be animating, and how?
This talk walks through using Vue.js to build several practical animations any web app
can use to help increase user engagement and enjoyment.
Scripting in style, what's your Vue?
09:30 - 10:00
Built-in CSS Modules and Scoped CSS support eases the process of styling your Vue. But
a separate <style> tag is still needed. What about styling directly and
Should we, or should we not consider this as a good approach?
Identifying and solving performance issues in Vue applications
10:00 - 10:30
In mobile-first era performance has never been more important yet a lot of websites
struggle with many issues in this area. During the talk, after short theoretical
introduction I’ll dig into a live coding session on a real-world Vue application that
suffers from performance issues.
I will show how to solve them on stage while introducing proper usage of lazy loading
for routes, libs and components along with proper caching strategies.
I will also show tools that could identify performance issues and suggest proper way
of solving them like Webpack Bundle Analyzer or Bundlephobia.
Morning refreshment break
10:30 - 11:00
Scalable data visualisation with D3 and Vue
11:00 - 11:30
D3 is the best choice when you want to create complex and interactive data
visualisation for the web. D3 works directly with the DOM. In contrast, Vue works with
a virtual DOM.
How can you make the two have a great friendship and not fight over DOM manipulation?
I will cover this in my talk and also tips on how to build scalable data visualisation
components, when is a good idea to use D3 and methods on how to make it less
intimidating when combined with Vue. I will show examples from simple D3
visualisations to more complex ones
Types in Vue
11:30 - 12:00
auto-completion in editors, but these benefits do not directly trickle down to Vue. In
this talk, I trace through improvements in the Vue Language Server that enables type
safety of Vue Single File Components, and what that entails for writing type-safe Vue
I will talk about innovations in Vue Language Server that could improve Vue
developer's productivity. Finally, we will examine how we can leverage types to build
a better ecosystem of Vue components.
A new Router to guide your Apps
Eduardo San Martin Morote
12:00 - 12:30
Vue official router has been a pleasure to build apps with but as the community grows,
so do the router needs. However, it hasn't kept up as good as I wish it had with all
the good proposals out there. As a result, we have also taken more time to work on the
new version of Vue router and shaping an API that will serve Vue 2 and Vue 3. A more
extensible router, easier to contribute and new architecture from scratch. Let's talk
about what has changed in the new Router and all the improvements we are bringing.
Lunch and refreshments
12:30 - 13:45
8 Lightning talks
13:45 - 14:45
14:45 - 15:15
Decoding Vue 3
15:15 - 15:45
Some of the biggest changes in Vue 3 aren't the easiest to understand. I will explain
some of the complex features of Vue 3 visually with animation.
Consider this a guided tour of advanced concepts to grasp in order to start using Vue
in new and even more powerful ways.
15:45 - 16:30
The new Composition API
15:15 - 15:45
Vue 3 and a Vue 2 plugin will offer new ways of encapsulating reusable chunks of code
that offer a lot of advantages over patterns/features like mixins, Wrapper Components
or Renderless components: composition functions using dynamic lifecycle hooks and the
new Reactivity API.
In this talk, we will talk about the history of these "other" features, their use
cases and their use cases and weaknesses, and finally, show how you can solve these
use cases that the Composition API provides, and how that's better in a lot of ways:
more elegant, more composable, less scattered.
Live coding: The new Composition API
17:00 - 17:30
Extending the talk `The new Composition API`, we will do a full live coding session to
explain the details that the new API offers, coding and building real life examples to
expand the horizons for your applications.
With this live coding session we aim to discover the benefits and details of the new
Composition API, and have a little laugh along the way.
17:30 - 18:10
Description to be confirmed
Closing remarks from the Organizers
18:10 - 18:20
Hollywood Bowl at the O2
19:30 - 01:00
Join us at Hollywood Bowl at the O2 for a relaxed, fun and social night with Unlimited
Bowling, Drinks, Arcade Games, VR Games and networking.
The after party starts after a small break to refresh your energy. Get delicious food
from a multitude of resturants avaialable at the O2.
Breakfast & Registration
Conference registration and breakfast
08:00 - 09:00
09:00 - 10:30
Morning break & refreshments
10:30 - 10:45
10:45 - 12:45
Lunch & refreshments
12:45 - 13:30
13:30 - 15:30
15:30 - 15:45
15:45 - 17:45
Join us for social drinks
18:00 - 20:00
can block cookies by adjusting settings on your browser. If you do not block cookies, you
give your consent to use them and store them in the memory of your device. For more
information see our