Schedule*

Please remember to do the pre-workshop setup!

Registration & Breakfast

Opening Keynote with Evan

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!

Registration & Breakfast

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

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.

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.

Registration & Breakfast

Registration & Breakfast

Registration & Breakfast

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.

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.

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.

“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.

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…

Registration & Breakfast

Registration & Breakfast

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!

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.

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.

Registration & Breakfast

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.

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.

Registration & Breakfast

Registration & Breakfast

Registration & Breakfast

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.

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.

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.

An Animated Guide to Vue 3 Reactivity and Internals

Registration & Breakfast

Registration & Breakfast