Schedule*

Date: March 2, 2020

Time: 8:00AM to 6:00PM

Location: Austin Convention Center

08:00
1 hour

Registration & Breakfast - ONLY FOR WORKSHOP ATTENDEES

09:00
8 hours

Workshop start at 9AM!

Please remember to do the pre-workshop setup!

Date: March 3, 2020

Time: 7:30AM to 7:00PM

Location: Austin Convention Center

07:30
1 hr 30 min

Registration & Breakfast

Registration & Breakfast

09:00
Evan You
Evan You
30 min

Opening Keynote with Evan

Opening Keynote with Evan

09:40
Eduardo
Eduardo
30 min

Get the most out of Vue Router

Routers in Single page applications touch a broad part of our business logic. As a consequence, we often end up with different ways of handling the same pattern/UX/logic in our code and we often wonder which one is better and why. Different ways of handling data fetching that change the user experience, different ways to implement layouts, and many more. During this talk, I will cover very practical implementations that I have found useful in the past and explain the differences between various Vue Router features. After the talk you will have a better understanding of Vue Router's API and hopefully the excitement to refactor some bits of your Vue app!

10:10
30 min

Break 1.0

Registration & Breakfast

10:40
Natalia Tepluhina
Natalia Tepluhina
30 min

All you need is <s>love</s> Apollo Client

While we usually mention Apollo Client only in connection with GraphQL, it can do a lot more things to your Vue application such as accessing REST endpoints and replacing Vuex in managing application state! In this talk, I will cover these advanced cases while also explaining the basics of using Apollo with GraphQL endpoints

11:10
Jamena McInteer
Jamena McInteer
30 min

The State of CSS in Vue

There are a lot of ways to include CSS in your Vue apps, and they all have pros and cons. Knowing which method to choose can be confusing with all the different options available. In this talk, you'll learn about different ways to bring CSS into your Vue app and how to pick a methodology for your project.

11:40
Debbie O'Brien
Debbie O'Brien
30 min

Static is the new dynamic with Nuxt.js

With Nuxt you can now have full static, that means instead of calling the api on navigation you call the payload, this hugely increases performance. But you can also have a single page application as a fallback meaning the sky is the limit as far as static pages is concerned.

12:10
1 hour

Lunch 1.0

Registration & Breakfast

13:10
1 hour

Lightning Talks 1.0

Registration & Breakfast

14:10
30 min

Break 1.1

Registration & Breakfast

14:40
Sarah Dayan
Sarah Dayan
30 min

Test-Driven Development with Vue.js

Testing a component can be counter-intuitive. It requires a mental shift to understand what to test, and the line between unit and end-to-end tests. TDD makes everything easier. You’re starting from actual specs, a list of things that the component should do, without caring about how it does it.

15:10
Maria Lamardo
Maria Lamardo
30 min

Content Loading That Isn't Broken

How does Vue.js handle rerouting and loading new content with a screen reader? Let's explore how we can improve the experience for a lot of users who rely on assistive technologies.

15:40
Bart Ledoux
Bart Ledoux
30 min

Documenting components made easy

Using shared components without proper documentation can be a pain. Whether you're publishing a component library, or just sharing components with your colleagues, increase the ease of adoption by writing clear documentation. In this talk, I'll show you how easy it is to write beautiful documentation for your components which other developers will love.

16:10
30 min

Break 1.3

16:40
Jack Koppa
Jack Koppa
30 min

TypeScript & Vue @ Politico

“JavaScript that scales” is the tagline for TypeScript, and it can be a beautiful partner for increasingly complex Vue apps. We’ll discuss how CLI TypeScript Vue projects can increase development speed, decrease onboarding time, type errors, and typos, while encouraging self-documenting & maintainable code. Finally, let’s look at remaining hurdles for Vue’s TS implementation (Vuex, mixins, templates), and how the composition API + Vetur will continue to ease those growing pains.

17:10
Oscar Spencer
Oscar Spencer
30 min

Unconventional Vue—Vue as a Backend Framework

While Vue has emerged as a dominant frontend framework, we can’t forget about the other side of the spectrum. What if we leveraged Vue 3.0’s powerful standalone observability system to manage our backend datastore, with all its reactivity goodness? We could build a highly reactive chat app, power a live scoreboard, or maybe even have Vue trigger AWS Lambda functions as app data changes…

18:00
1 hr 30 min

Conference Reception

Registration & Breakfast

Date: March 4, 2020

Time: 8:30AM to 9:00PM

Location: Austin Convention Center

07:30
1 hour

Breakfast

Registration & Breakfast

08:30
1 hour

Speed networking, Vue style!

Come meet your Vue.js friends. We'll have areas organized where those who share an interest in specific parts of Vue.js can hang out and chat before the day starts!

09:30
Gregg Pollack
Gregg Pollack
30 min

Vue 3's Composition API Explained Visually

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.

10:00
Damian Dulisz
Damian Dulisz
30 min

Validations in the Composition Age

Vuelidate is a model-based validation library, but thanks to the Composition API that "model" right now is more fluid than ever. But this also opens up several new possibilities which we will explore in this talk.

10:30
30 min

Break 2.0

Registration & Breakfast

11:00
Jaime Jones
Jaime Jones
30 min

Demystifying the Vue Lifecycle and other pieces of the Vue instance

An overview of the Vue lifecycle with examples of when to use each lifecycle method. Also examines various pieces of the Vue instance and how to use them effectively and the pitfalls associated. Examples would be things like v-for key and the pitfalls of just using index, $refs and when to use them, and $nextTick and the problems it can help solve.

11:30
Alexander Lichter
Alexander Lichter
30 min

SEO in a Vue.js world

What do a SaaS landing page, blog and e-commerce store have in common? They should all be found through a search engine, ideally by as many people as possible. Search engine optimization (SEO) can therefore be decisive for the success and also the revenue of your projects. But when it comes to Vue.js and SEO, there are many controversial opinions about the impact of Vue on SEO efforts. In my session we will go through the basics of SEO and examine best practices and their implementations with the help of vue-meta and Nuxt.js.

12:00
1 hour

Lunch 2.0

Registration & Breakfast

13:00
1 hour

Lightning Talks 2.0

Registration & Breakfast

14:00
30 min

Break 2.1

Registration & Breakfast

14:30
Sean O'Donohue
Sean O'Donohue
30 min

Launching a New Design System on an Existing Site with Zero Downtime

Your task is to launch a brand new design system on an existing high-traffic website without impacting the live site or negatively affecting conversion. In this talk, we’ll share tips on how to achieve a painless website reskin launch through an iterative approach using feature flagging and continuous QA / deployment. Launch day will be as easy as flipping a switch on a new design that has already been thoroughly QA’d in production by key stakeholders.

15:00
Henry Zhu
Henry Zhu
30 min

Vue as Compiler

Frameworks have over the years become more and more like traditional compilers; from pure runtime to more and more compile time. Vue 3 is especially so. Let's talk about how they work and why it's important.

15:30
30 min

Break 2.3

16:00
Alec Barrett
Alec Barrett
30 min

The Election Map is a Vue App

In advance of the 2018 midterm elections, the broadcast and digital teams at MSNBC and NBC News undertook a complete rebuild of the interactive big board that on-air talent like Steve Kornacki and Chuck Todd use to tell stories about the election. Alongside designers and developers from TWO-N, the team built a Vue app to display the map of election results across the United States and other visualizations of election data. This talk will describe the app’s architecture, the technical challenges that the team encountered and overcame, and the ongoing efforts to prepare the app for 2020 presidential election coverage.

16:30
Sarah Drasner
Sarah Drasner
30 min

An Animated Guide to Vue 3 Reactivity and Internals

An Animated Guide to Vue 3 Reactivity and Internals

17:00
30 min

Close and Mega Raffle - Prizes

Registration & Breakfast

19:30
1 hr 30 min

Conference After Party

Registration & Breakfast

* Schedule subject to change, but we will try to keep this updated with the latest!