Monday March 25
Workshops and conference tickets are sold separately.
In this workshop we are going to do a deep dive into the two fundamental concepts in Vue: reactivity and rendering. We will explore how Vue detects and reacts to changes, and how Vue compiles your templates into virtual DOM render functions. Based on this knowledge, we will then discuss how to unlock the full potential of Vue with advanced component patterns.
In this workshop, we'll cover everything you need to know to get started building world-class Vue applications. Topics will include configuring Webpack for single-file components, setting up the most advanced workflows currently possible, how to organize (and reorganize) increasingly complex applications, and more.
Vue CLI 3 is a wonderful tool for scaffolding and adding customizations to your Vue projects. However getting started with building your own plugin can seem incredibly daunting. While the documentation is comprehensive, there is a lot of overhead in terms of groking the difference between a CLI plugin and a service plugin and figuring out the best plugin architecture to fit your use case. Furthermore, best practices and testing strategies for custom Vue CLI plugins are left to the individual developer’s discretion. In this workshop, we will examine the different styles of Vue CLI plugins and the use cases they apply to. Additionally, we will analyze plugin development workflows in an effort to establish best practices so you can focus on developing and maintaining your own Vue CLI plugins.
In Vue.js is quite simple to work with components, and share data among them using events and props - especially in small to medium projects. When an application starts growing, managing components state might become tedious and overwhelming. This is where Vuex comes to our rescue. Vuex is a state management pattern and official library for Vue.js applications. It serves as a centralized store for all the components in an application, with rules ensuring that the state can only be mutated in a predictable fashion.
By the end of the workshop, attendees will be able to develop elegant, debuggable, maintainable, and organized applications using a centralized store. No prior experience with Vuex is needed.
We will answer the common question “When should I use Vuex?” and work on real-world features.
This workshop will teach you the fundamentals of Vue so you can start being productive and building apps immediately. With visual animations and analogies that make abstract concepts concrete, along with coding challenges that help you learn by doing, you'll have a solid foundation of Vue skills by the end of the day. Brought to you by the teachers at VueMastery.com.
Components are the bread and butter of most modern front-end frameworks, such as Vue.js. They help you structure and manage your application by glueing together your application logic and the interface. However, as an application grows, its components tend to get bigger and harder to reason about. This workshop will demonstrate how to efficiently design your components by focusing on maximum flexibility while avoiding premature optimisation. Throughout the workshop, we’ll build a set of components for a preexisting application. Following the evolving requirements, we will then perform a series of refactoring cycles to explore different possible solutions and patterns/anti-patterns. We’ll also talk about good practices for managing responsibilities of our components. By the end of the workshop, you should be able to write future-proof components that are easy to work with and resilient to changes.
Vueconf.US is pleased to partner with VueVixens to bring this full day Vue.js training as part of the event. Details for applying for a VueVixens scholarship will be posted soon!