VUE AND VUETIFY DELIGHTING YOUR USERS DavePaquette Microsoft

VUE AND VUETIFY DELIGHTING YOUR USERS @Dave_Paquette Microsoft MVP (Developer Technologies) contactme@davepaquette. com https: //www. davepaquette. com

THE PROGRESSIVE JAVASCRIPT FRAMEWORK

Vertical Slice Architecture with. Net Core and Mediat. R - A Work in Progress Patrick Ullrich Qu’Appelle Azure Service Bus Messaging - Deep dive Sean Feldman Prince Albert

EASY TO GET STARTED <script src="https: //cdn. jsdelivr. net/npm/vue"></script> var app = new Vue({ el: '#app’, data: { message: 'Hello Vue!’ } }) <div id="app"> {{ message }} </div>

EXCELLENT DOCS https: //vuejs. org/v 2/guide/

DEMO – GETTING STARTED • Vue. JS Template • https: //codepen. io/pen? template=b. Gb. Wj. RG • https: //codepen. io/dpaquette/pen/wvwdxrw

INCREMENTALLY ADOPTABLE • Vue CLI • Vue Router • Vue. X (State Management) • Server-Side Rendering • Vuetify (UI Components)

VUETIFY > vue add vuetify • Material Design Component Framework • 80+ Components • Excellent Docs • https: //vuetifyjs. com/en/getting-started/quick-start

VUE CLI • Standard tooling for Vue. js development • Project scaffolding • Plugin Framework • UI

DEMO – NEW PROJECT artist: Manu Cornet

VUEX – THE STATE MANAGEMENT PATTERN

VUEX

DEMO – A REAL WORLD EXAMPLE

THANKS! Blog(s) www. davepaquette. com westerndevs. com aspnetmonsters. com Twitter @Dave_Paquette Email contactme@davepaquette. com