Vuetify
The Path to 2.0
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
Vuetify 2 Meetup
By John Leider
