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
43
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
340
New Vue. New Compiler. Let's Unpack
znck
4
2.5k
Head first into composition API
znck
0
150
Future of Vue – JSFoo VueDay 2019
znck
0
520
React to Vue: why and how?
znck
0
54
Collocation in Modern Web
znck
0
48
Other Decks in Programming
See All in Programming
The Implementations of Advanced LR Parser Algorithm
junk0612
2
1.3k
ComposeでのPicture in Picture
takathemax
0
130
ASP.NETアプリケーションのモダナイゼーションについて
tomokusaba
0
240
20250426 GDGoC 合同新歓 - GDGoC のススメ
getty708
0
110
一緒に働きたくなるプログラマの思想 #QiitaConference
mu_zaru
78
20k
Road to RubyKaigi: Making Tinny Chiptunes with Ruby
makicamel
4
540
M5UnitUnified 最新動向 2025/05
gob
0
130
AIコーディングの理想と現実
tomohisa
35
37k
MySQL初心者が311個のカラムにNot NULL制約を追加していってALTER TABLEについて学んだ話
hatsu38
2
100
Golangci-lint v2爆誕: 君たちはどうすべきか
logica0419
1
230
エンジニアが挑む、限界までの越境
nealle
1
310
Ruby's Line Breaks
yui_knk
4
2.8k
Featured
See All Featured
実際に使うSQLの書き方 徹底解説 / pgcon21j-tutorial
soudai
179
53k
Large-scale JavaScript Application Architecture
addyosmani
512
110k
Building an army of robots
kneath
305
45k
The Power of CSS Pseudo Elements
geoffreycrofte
75
5.8k
Templates, Plugins, & Blocks: Oh My! Creating the theme that thinks of everything
marktimemedia
30
2.3k
Measuring & Analyzing Core Web Vitals
bluesmoon
7
410
No one is an island. Learnings from fostering a developers community.
thoeni
21
3.3k
Faster Mobile Websites
deanohume
306
31k
Java REST API Framework Comparison - PWX 2021
mraible
31
8.5k
Dealing with People You Can't Stand - Big Design 2015
cassininazir
367
26k
Optimising Largest Contentful Paint
csswizardry
37
3.2k
Keith and Marios Guide to Fast Websites
keithpitt
411
22k
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