The Next Big Thing
@reverentgeek drew this
💕
docs.microsoft.com/nodejs/azure
fivethin.gs
aka.ms/ilovelamp?color=
@reverentgeek drew this
You
I drew this
Maybe you have long hair
I don't know
Maybe you have glasses
Again, not information I had prior to this presentation
No matter what you look like...
I can't draw everyone. You get the idea.
You likely feel like this
In fact, this presentation needs a new title.
20 Minutes Is An Eternity In JavaScript
JavaScript has a fundamental problem
Let me tell you a story
This is my dishwasher. Looks nice.
it aint
It smelled like hot garbage
Nobody wanted to dishes. Even the dog wouldn't come in the room.
My first instinct was to take it apart.
As you can see it has been expertly dismantled
I took that dishwasher down to the screws
FYI: there are a lot of screws in a dishwasher
Here is what I found...
Nothing. Get it? Because the slide is blank?
Valuable dishwasher information incoming
Waste drains from the sink into the disposal
Water drains out of the dishwasher thru this tube
Waste drains to sewer thru here
There is nothing to stop water and waste from flowing back down the dishwasher tube...
💧
🍐
🦐
💩
...And getting stuck right here
The poop, rotten shrimp and pear smell then drifts back up the tube and...
💧
🍐
🦐
💩
...the smell finds it's way back through the dishwasher and into my nose
The Fix?
Raise the hose.
Our Problem?
So why do we need another JS framework?!?
Vue doesn't require you to learn something complex to use it.
All you have to do is raise the hose.
Three reasons to seriously consider Vue
Simple
Powerful
Popular
Simple
Simple
Small API. You can learn ALL of it in about a week.
This is the Vue Getting Started Page
It is only 1400 words long. Including code samples.
It teaches you Binding, Looping, Conditionals, Components and more.
Simple
Just include it. That's it. Srsly.
Simple
Virtually Zero Boilerplate
Simple
It's Familiar. It feels a lot like Angular.
Simple
Binding Syntax
Simple
Looping Syntax
Simple
Components. With no ceremony.
You. I hope. But maybe you are difficult to impress.
Powerful
Powerful
Remember Angular directives?
Super powerful. A bit on the complex side of extremely difficult.
Powerful
Directives are, dare I say it, EASY?
Powerful
Vue "hook" functions
Powerful
Components and Directives
Use Components Most Of The Time
Use Directives when you need low level DOM access
Vue CLI
Zero Configuration Projects
$ vue init webpack-simple new-vue-app
Popular
I don't like popular things. I listen to Radiohead.
Popular = Ecosystem
Some Anecdotal Numbers
Github stars are not facts. Just interesting data points.
Whoa! Looking good, Backbone!
Vuetifyjs.com
telerik.com/kendo-vue-ui
quasar-framework.org/
nativescript.org
Vue is...
Simple
Powerful
Popular
You need to learn Vue
vuecasts.com
This presentation brought to you by vuecasts. Thanks, Jeffrey!
Thank You!
@burkeholland
Slides are at slides.com/burke/vue