Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Features
Speaker Deck
PRO
Sign in
Sign up for free
Search
Search
Choosing Vue.js
Search
Rahul Kadyan
September 15, 2017
Programming
0
27
Choosing Vue.js
Why would you choose Vue?
Rahul Kadyan
September 15, 2017
Tweet
Share
More Decks by Rahul Kadyan
See All by Rahul Kadyan
Inversion of Control in a Vue Application
znck
0
310
New Vue. New Compiler. Let's Unpack
znck
4
2.5k
Head first into composition API
znck
0
120
Future of Vue – JSFoo VueDay 2019
znck
0
460
React to Vue: why and how?
znck
0
37
Collocation in Modern Web
znck
0
32
Other Decks in Programming
See All in Programming
はじめてみよう量子プログラミング
itokoichi01
0
210
Scala におけるコンパイラエラーとの付き合い方
chencmd
2
430
Rechartsで楽にゴリゴリにカスタマイズする!
10tera
1
170
いつか使える ObjectSpace / Maybe useful ObjectSpace
euglena1215
2
140
サーバーレスで負荷試験!Step Functions + Lambdaを使ったk6の分散実行
shuntakahashi
6
1.6k
LangChainの現在とv0.3にむけて
os1ma
4
930
オートマトン学習しろ / Do automata learning
makenowjust
3
130
Securify_エンジニア採用資料
3shake
0
100
A New Era of Testing
mannodermaus
2
510
私のEbitengineの第一歩
qt_luigi
0
450
Jakarta EE meets AI
ivargrimstad
0
390
What you can do with Ruby on WebAssembly
kateinoigakukun
0
170
Featured
See All Featured
Learning to Love Humans: Emotional Interface Design
aarron
270
40k
Automating Front-end Workflow
addyosmani
1365
200k
Distributed Sagas: A Protocol for Coordinating Microservices
caitiem20
326
21k
Faster Mobile Websites
deanohume
304
30k
Become a Pro
speakerdeck
PRO
22
4.9k
Making Projects Easy
brettharned
113
5.8k
CSS Pre-Processors: Stylus, Less & Sass
bermonpainter
354
29k
5 minutes of I Can Smell Your CMS
philhawksworth
202
19k
Pencils Down: Stop Designing & Start Developing
hursman
119
11k
The MySQL Ecosystem @ GitHub 2015
samlambert
250
12k
Creating an realtime collaboration tool: Agile Flush - .NET Oxford
marcduiker
23
1.7k
No one is an island. Learnings from fostering a developers community.
thoeni
18
2.9k
Transcript
65K+ Stars Top 10 All Time
250K+ Weekly Active Users Chrome DevTools Extension
None
None
Rahul Kadyan Vue.js Core Contributor Software Engineer - Myntra
Choosing xxx Choosing Vue
Team Choosing for your team 1. Simplicity 2. Resources 3.
Performance
It’s simple
None
krausest/js-framework-benchmark 0.9 0.975 1.05 1.125 1.2 Slowdown 1.04 1.19 1.15
Angular React Vue
Tech Choosing for features 1. Declarative Rendering 2. Composition 3.
Stylesheets or CSS
None
{ template: `<App> <Sidebar /> <Content> <p>Hello World </p> </Content>
</App>` } HTML { render () { return ( <App> <Sidebar /> <Content> <p>Hello World </p> </Content> </App> ) } } JSX { render (h) { return h('App', [ h('Sidebar'), h('Content', [ h( 'p', 'Hello World’ ) ]) ]) } } JS
None
<app> <app-header></app-header> <app-footer></app-footer> </app> <div class="container"> <header> <slot name="header"></slot> </header>
<main> <slot></slot> </main> <footer> <slot name="footer"></slot> </footer> </div> <div class="parent"> <child> <template scope="props"> <span>hello from parent</span> <span>{{ props.text }}</span> </template> </child> </div>
None
<child message=“hello!"></child> <child :my-message="parentMsg"></child> <input @keyup.enter="submit">
None
None
Tech Choosing for large applications 1. Client Side Routing 2.
Application State 3. Optimisation Efforts
None
None
None
Tech Choosing for emerging markets 1. Server Side Rendering
None
DX Choosing for developer experience 1. Collocation 2. Editor Support
3. Build & Test Tools 4. Browser DevTools
Templates Scripts Styles
Template Script Style
posva/vim-vue vuejs/vetur vuejs/vue-syntax-highlight
None
vue-test-utils In pre-release stage.
None
None
– Jacob Schatz, Lead Frontend Developer, GitLab “We chose it
(vue) because it was more simple than everything out at there. It makes it easy to grasp the concepts and it was also easy to make a large app.”
@znck0