Tech: Reusable Composable, Vue

Natalia Tepluhina is a Vue.js core team member and a Staff Frontend Engineer at GitLab. She is a conference speaker and author of articles on different topics related to Vue.js . Thanks to these activities Natalia has got a title of Google Developer Expert in Web Technologies.

Her talk will be focussed on Truly Reusable Composables

Tech: Vue3 Applications, Composition API, Modals, Vue-Router

Vue 3 and its ecosystem bring quite a lot of new features and improvements to your applications. Some of these can be directly implemented like the composition API but others are more subtle or require combining multiple of these new features like showing Modals with Vue Router.

In this talk I will go through a few of these tricks I use myself to build applications and explain them so you can benefit from them too!

Tech: Nuxt3

Pooya Parsa is the Head of Framework at Vue.js who will bring us the State of Nuxt3 during Vuejs Amsterdam 2021. With exciting times ahead we can not wait what Pooya will bring us with the latest on Nuxt.

Tech: Creator of Nuxt

The co-author of Nuxt.js, Sebastien Chopin will bring us Nuxt3 in Action! With something new coming we can't wait what this presentation will bring!

Tech: Vue3 Migration, key API's

When migrating to Vue 3, there are some breaking changes and key API differences you’ll need to understand in order to effectively compose your components. If you have an application that is currently using props, receiving attributes, or emitting events, this talk will help you transition these components gracefully from Vue 2 to Vue 3.

Tech: Vue3, Composition API

Curious about Vue 3's new Composition API but still haven't had the time to learn what it's about? Be sure to check out this talk where I'll walk you through the fundamentals of the Composition API. By the end of the talk, you'll have the confidence you need to begin exploring the Composition API on your own!

Tech: TypeScript, VueDX

A status report on the Typescript plugin for Vue and VueDX project.

Tech: Vue CLI (5)

Haoqun is a Vue.js Core Team Member and works full-time for the Vue.js Organisation. Haoqun maintains several build tools for Vue.js including VueCLI, Vue Loader for Webpack and the Vue JSX Plugin.

At Vue.js Amsterdam 2021 Haoqun will talk about lessons learned from maintaining Vue CLI in the past years, and the ongoing work of Vue CLI 5, centered around the idea of the inevitable complexity of frontend tooling and how to keep a project maintainable in such a trend.

Tech: Vuex 5

At the last Vue.js Global on September 2020, I've talked about the future of Vuex, the Vuex 5. This time, I'll walk through the latest Vuex 5 proposal, challenges, and how it works.

Look forward to more comfortable, more straightforward, and more powerful global state management of Vue.

Tech: Vue i18n, New Architecture, Composition API, Intlify

State of Vue i18n

Kazupon has been contributing in many Open Source activities as a Vue.js core team member so far. Think about vue-i18n, vue-i18n-loader, i18n custom block for SFC, vue-i18n-extensions, extensions for Vue I18n lik ESLint plugin for Vue I18n and more!

Supporting Storybook for Vue.js and Kazupon is Organizing the Vue.js Japan community and organiser of Vue Fes Japan 2018, Vue Fes Japan 2019

He has contributed to Vue.js official some open source projects, he has developed i18n related library and tools for Vue.js, and In Japan and translated official documents translation.

Tech: Vue Devtools, Plugin API, Extensible Devtools

Guillaume is a VueJS core team, Frontend Engineering at Livestorm and Open Source contributor.

Guillaume truly loves Open Source & JavaScript! He is also a team and Apollo GraphQL contributor. I maintain official tools in the Vue ecosystem like the devtools.

During his talk you can learn more about the new Vue devtools architecture and plugin APIs.

Tech: Vite, VueCLI

How Vite Changes the Game for Vue and Web development. Vite is a new build tool, created to make web developers of any kind happier and more productive. Vite is created by Evan You and significantly improves the frontend development experience.

In this talk you will learn what is Vite, why it is so great, and why you want to use it ASAP. You will also learn how to use Vite with Vue.js or React, and what is Vitepress and how to use it.

Alex Kyriakidis, founder of Vue School, will also answer the most frequently asked questions around Vite, including production use, Vite and test runners, what is means for Nuxt, and many more. 

Tech: Nuxt.js Performance

Performance is super important for any app. Did you know all the cool things Nuxt does for you out of the box, to make sure your app is as performant as possible? Let’s take a look at them and dive into some more performance enhancements for your Nuxt app.

Tech: VueStorefront, CompositionAPI, Nuxt, REST API, GraphQL

How we are optimizing Nuxt without removing features in VueStorefront

One of the implications of web shifting to mobile is the fact that we have to optimize our apps for mobile devices. With the overall complexity of our apps growing this task could be hard. We spend a lot of time figuring out how to make the new version of Vue Storefront that is based on Nuxt and Composition API as fast as possible. In this talk I want to share all, sometimes very hacky techniques we used to make Vue Storefront scoring great on Lighthouse (85-90+) despite significant complexity and inability to use static mode.

You will learn which modules we used to optimize our bundles, when to preconnect and prerender, how we're making use of `transpile` property to use treeshaking more effectively, how we saved around 100 kb by proxying our client-side GraphQL requests via REST API to Nuxt middleware and how we're making sure that our project bundles will not grow over time and responses will always be extremely fast by keeping our business logic on the server-side.

This talk is a deep dive into various hacks we used to keep our Nuxt app and that you can use in your apps to achieve great results with a relatively small amount of work.

Tech: UI Components, State Graphs, isLoading, State Machines

UI components are built on user flows or state graphs. To manage these states, we usually resolved to boolean variables system like isLoading.

But this proves to be buggy and hard to maintain as the codebase grows. Is there a better solution?

In my talk, we will explore how we can fully control our Vue app's states and develop a more adaptive UI system to users' behavior while keeping the codebase scalable with state machines.

The Latest and Greatest in Vue!

What are the latest tools & techniques on Vue.