Design patterns in vue 3 applications

By Kati Frantz

Elevator Pitch

Vue 3 has brought huge improvements to the way we build frontend applications. As we constantly design and build tens and hundreds of components, it is crucial to have a set of reusable patterns that keep our code simple, scalable and maintainable.

Description

Vue 3 has brought huge improvements to the way we build frontend applications. As we constantly design and build tens and hundreds of components, it is crucial to have a set of reusable patterns that keep our code simple, scalable and maintainable. In this talk, we’ll cover the best practices, design and refactoring patterns to follow when building out your Vue components and applications.

There are so many exciting patterns we can use to ensure a stable, consistent and highly testable vue codebase. In this talk, we’ll cover the most popular of these patterns, have a deep understanding of how to use them, and the problems they solve as our applications and design systems begin to grow. Some of these patterns are:

  • Renderless components
  • Testing patterns
  • Dependency injection patterns
  • Modular components pattern
  • Refactoring patterns with composables
  • Separation of concerns with functional programming patterns

This talk will be also be largely focused on solving common problems faced in building vue applications, and learning new patterns to solve those problems