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
23
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
300
New Vue. New Compiler. Let's Unpack
znck
4
2.4k
Head first into composition API
znck
0
110
Future of Vue – JSFoo VueDay 2019
znck
0
430
React to Vue: why and how?
znck
0
32
Collocation in Modern Web
znck
0
27
Other Decks in Programming
See All in Programming
Ruby Pattern Matching
bkuhlmann
0
930
MicrosoftのPlatform Engineeringガイドを読んで実際になにかやってみた
ymd65536
1
340
ゆるい個人開発のススメ
kuroppe1819
10
990
雑に思考を整理する技術と効能
konifar
60
29k
educure_カリキュラム生操作マニュアル.pdf
linew_official
0
800
Azure OpenAI Serviceのプロンプトエンジニアリング入門
tomokusaba
3
710
Code Reviews
bkuhlmann
4
890
Hanami and htmx
bkuhlmann
0
210
Tailwind CSSを本気でカスタマイズする方法
fsubal
13
5.3k
Random\Randomizer クラスで日常のあれこれを解決しよう! / Random\Randomizer class solves familiar trouble
cocoeyes02
0
250
Git Rebase
bkuhlmann
11
1.6k
PostmanでAPIの動作確認が楽になった話
h455h1
0
170
Featured
See All Featured
Building a Scalable Design System with Sketch
lauravandoore
456
32k
Optimizing for Happiness
mojombo
370
69k
Principles of Awesome APIs and How to Build Them.
keavy
121
16k
Refactoring Trust on Your Teams (GOTO; Chicago 2020)
rmw
25
2.3k
Scaling GitHub
holman
457
140k
The Language of Interfaces
destraynor
151
23k
Web Components: a chance to create the future
zenorocha
305
41k
Visualizing Your Data: Incorporating Mongo into Loggly Infrastructure
mongodb
34
8.9k
Writing Fast Ruby
sferik
621
60k
4 Signs Your Business is Dying
shpigford
175
21k
XXLCSS - How to scale CSS and keep your sanity
sugarenia
241
1.2M
Dealing with People You Can't Stand - Big Design 2015
cassininazir
357
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