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 - 14:00
4 Lightning talks
14:00 - 14:30
14:30 - 15:00
Vue 3’s Composition API Explained Visually
15:00 - 15:30
The most powerful new feature of Vue 3 is the composition API, which provides an
alternative syntax for writing components. In this talk, Gregg Pollack will introduce
why this new API is needed, how it improves upon what is currently possible in Vue,
and the basics of its syntax.
Bigger Vue applications often run into two major problems.
1. Component .vue files become too large and difficult to read.
2. There are disadvantages to the patterns Vue 2 provides to reuse code across
In this talk, we will dive deeper into how these problems tend to show up, and then
explain how the Vue 3 Composition API aims to solve them. We then begin to understand
the new syntax and how to use it to build components that are more maintainable and
15:30 - 16:15
The new Composition API
16:15 - 16: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
16:45 - 17:15
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:15 - 18:00
Evan will be once again doing a remote talk - get the inside information on the
progress of Vue.js 3 and more.
Further details to be confirmed shortly.
Closing remarks from the Organizers
18:00 - 18:10
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