Vue.js Live Conference

Vue.js London Live 2021

The Workshop focused on Vue 3 features, specifically the Composition API. Vue 3 introduced significant improvements and the composition API allows for modularity and improved TypeScript support. The adoption of the composition API in Vue 3 is growing, especially in larger projects. The Vue Composition API can be used with core libraries like Vuex and Vue Router, and the library VueUse provides hooks and behaviors for enhancing Vue components. The workshop showcased how to use the composition API with Vue CLI, store data, extract logic, work with props, emit events, and implement search functionality.

The Vue3 has been released in mid-2020. Besides many improvements and optimizations, the main feature of Vue3 brings is the Composition API – a new way to write and reuse reactive code. Let's learn more about how to use Composition API efficiently. Besides core Vue3 features we'll explain examples of how to use popular libraries with Vue3. Table of contents: - Introduction to Vue3 - Composition API - Core libraries - Vue3 ecosystem Prerequisites: IDE of choice (Inellij or VSC) installed Nodejs + NPM <a href="https://www.froala.com/wysiwyg-editor?pb=1"> </a>

Vue3: Modern Frontend App Development

Mikhail Kuznetsov

This workshop focuses on building forms with VValidate, a popular Vue.js form validation library. The workshop covers the basics of VValidate, including field validation, form validation, and form submission. It also explores advanced topics such as using the composition API for form validation, handling field arrays, and using VValidate inspector and V-Validated VTools for debugging. The workshop emphasizes the flexibility and ease of use of VValidate, as well as its integration with other Vue.js libraries and UI frameworks.

In this workshop, you will learn how to use vee-validate to handle form validation, manage form values and handle submissions effectively. We will start from the basics with a simple login form all the way to using the composition API and building repeatable and multistep forms. Table of contents: - Introduction to vee-validate - Building a basic form with vee-validate components - Handling validation and form submissions - Building validatable input components with the composition API - Field Arrays and repeatable inputs - Building a multistep form Prerequisites: VSCode setup and an empty Vite + Vue project. <a href="https://www.froala.com/wysiwyg-editor?pb=1"> </a>

Building Vue forms with VeeValidate

Abdelrahman Awad

Hi, I'm John Leader, the creator of Viewtify. Viewtify 3 is the upcoming version with new design concepts, improved usability, and compatibility with modern browsers. The framework has added new features like a validation system, style diversity, semantic customization options, and a density concept. Enhanced customization options, improved performance, and advanced browser support with CSS variables are also highlights of Viewtify 3.

Learn about the newest features coming to the next version of the framework. See how the core team approached porting Vuetify from Vue 2 to the Vue 3 composition api. Preview updates to core features such as the new layout system, improved testing methodologies, expanded customization options, updates to css utility classes, and much much more.

Vuetify 3: Titan

John Leider

Today's Talk discusses the Options API and Composition API in Vue 3, highlighting the differences and considerations when choosing an approach. The Composition API offers more flexibility and integrates well with TypeScript, but may require more familiarity with JavaScript. Combining both APIs allows for structure and flexibility, with the ability to progressively enhance code. Team preferences and the level of TypeScript usage should be considered when choosing the right approach for a project.

With the introduction of Composition API into the Vue ecosystem, many are curious as to what they should pick. Options API? Composition API? Which is best? What are the tradeoffs? In this talk, we'll examine the two approaches so that you can make the right decision for your app.

Options API vs Composition API: Choosing the Right Approach for Your Team

Ben Hong

Vanessa introduces Vue Free and discusses the benefits of using the Composition API. The order of execution and grouping logical units using the Composition API is explained. The Composition API is used for state management and refactoring components. The speaker shares their initial experience with state management using Vuex. Composables are explored as an alternative for state management in Vue 3.

The Vue 3 Reactivity and Composition API offers developers flexible techniques to work with reactive data. They enable a new and modern approach to handling State Management. Developers can now effortlessly implement local and global stores. Vuex has been one of the most used First-party plugins for Vue 2. Let's have a look at the advantages and tradeoffs of using Composables instead of Vuex. <a href="https://www.froala.com/wysiwyg-editor?pb=1"> </a>

Modern State Management with Vue 3

Vanessa Otto

JSNation Live

JSNation Live 2020

The Talk introduces the composition API in Vue 3 as a better option for composing reusable features compared to mixins and scope slots. It explains how to abstract search functionality using the composition API and demonstrates the creation of searchQuery and searchResultsQuery objects. The Talk also covers running breed search in the mounted hook, sorting results using computed properties, and the benefits of the composition API in terms of code organization and reusability. It concludes by mentioning the upcoming release of Vue 3 and the advantages of the composition API.

Composition API is one of the biggest new features in Vue 3. In this talk, I will explain what is it and how to use Composition API for code abstraction and reuse. <a href="https://www.froala.com/wysiwyg-editor?pb=1"> </a>

#vue composition api