Vuetify

Who am I?

  • John Leider
  • Creator of Vuetify
  • Working in Vue since early 2014
  • Working on Vuetify since June 2016

What is Vuetify?

  • Component Framework
  • Material Design Spec
  • First alpha December 2016
  • Full SSR Support
  • Over 80 unique components
    • date/time pickers
    • data-tables
    • tree-view
    • timelines
    • vuetifyjs.com for more information

Performance

Accessibility

Support

Customization

High level configuration

MD2 Custom themes

Vue CLI UI

Treeshaking (a-la-carte)

Smaller bundle sizes

Optimizations across all device sizes

Full RTL support

Section 508 compliance

Following WCAG

Weekly patches

Daily Canary builds

Long term support

Engaging community

Building A Better

Framework

Better Configuration

Options

  • Dark and light color-sets
  • Custom theme presets
  • Define macro level configuration
    • remove all ripples
    • make all inputs utilize a specific style
    • modify grid breakpoints
  • New bootstrap method
    • similar to vue-router and vuex

DRYing up the

Codebase

v-tabs

v-carousel

v-stepper

v-expansion-panel

v-toggle-btn

v-item-group

v-window

v-item-group w/ cards

Defining Component

Scope

Paper (elevation, color)

Measurable

Scrollable

Defining Component

Scope

Application component

Abstracting Shared

Functionality

v-navigation-drawer

v-toolbar

v-system-bar

v-footer

v-bottom-nav

v-bar

Reduce Component Fragmentation

Updated Structure

  • Monorepo
  • Core rebuilt from ground up
  • Full Typescript support
  • Moving from avoriaz to vue test utils
  • Moving from Stylus to SCSS

Richer Ecosystem

  • Development Resources
  • Greatly improved vue-cli-plugin
  • Vuetify Snips
  • Guides and articles
  • Video tutorials
  • Newsletter with ecosystem updates
  • Predefined configuration options through the Vue CLI UI
  • Remote presets for rapid project development
  • Vuetify CLI - Project scaffolding
  • Easily create and share Vuetify creations
  • Coming Q2 2019
  • Vuex Modules
  • AWS Cognito (authentication)
  • Snackbar/Notification Queue
  • Vuetify sync (core services)

New Components

  • Sparkline charts
  • File upload
  • Discovery (tutorial)
  • Color picker
  • Overlay
  • Gallery
  • Calendar

Calendar Img

Long Term Support

  • 18 months starting with last minor of v1.x once 2.0 releases
  • Major bugs and security vulnerabilities
  • Peace of mind

Thank you

to our Supporters

Thank you

John Leider

Vuetify

@zeroskillz

https://vuetifyjs.com

Made with Slides.com