Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Speaker Deck
PRO
Sign in
Sign up
for free
MelbJS March 2015 – The Ember Developer Experience
Lauren Tan
March 11, 2015
Programming
2
310
MelbJS March 2015 – The Ember Developer Experience
Presented at MelbJS Melbourne, 11th March 2015 by @sugarpirate_
Lauren Tan
March 11, 2015
Tweet
Share
More Decks by Lauren Tan
See All by Lauren Tan
poteto
0
120
poteto
0
1.4k
poteto
2
2.1k
poteto
0
600
poteto
1
110
poteto
13
1.7k
poteto
2
300
poteto
14
2.4k
poteto
5
840
Other Decks in Programming
See All in Programming
komagata
1
1.8k
inoue2002
0
270
hirotokirimaru
1
420
itosho525
0
140
bkuhlmann
4
620
trajchevska
2
360
shigeruoda
0
470
cocoeyes02
0
220
makicamel
1
180
zsmb
1
130
hanhan1978
0
290
nrslib
20
13k
Featured
See All Featured
andyhume
62
3.4k
jponch
103
5k
chriscoyier
683
180k
keithpitt
401
20k
carmenhchung
26
1.3k
philhawksworth
192
8.8k
davidbonilla
69
3.5k
destraynor
146
19k
hannesfritz
27
930
jcasabona
7
520
chrislema
231
16k
reverentgeek
168
7.1k
Transcript
The Ember Developer Experience MELBJS MARCH Lauren Elizabeth Tan @sugarpirate_
@poteto
Lauren Elizabeth Tan Designer & Front End Developer
Developer Experience?
Modern web dev is hard
None
None
None
Let's play a game
Round 1 – Modules
VS webpack browserify
Round 2 – Front End Package Management
VS npm bower
Round 3 – Task Runners
VS grunt gulp
Round 4 – Flux Flavours
VS flux fluxible reflux fluxxor ...
Round 5 – ES6 Transpilers
VS babel (aka 6to5) traceur
Round 6 – Test Framework
VS jest mocha jasmine
…
2 weeks later…
None
None
Meanwhile in Ember land…
$ ember new my-new-app
None
None
None
Convention over configuration
Convention over configuration • asset compilation – broccoli.js • es6
modules • ember-qunit • bower for front-end dependencies • npm for internal dependencies
Convention over configuration (cont.) • content security policy • live-reload
• generators & blueprints • easy environment flags • easy builds • development server with express, mocks & proxies
Demo
Ember Inspector
None
None
Where to from here?
Ember 2.0 Landing June 12th
HTMLBars
FastBoot™ No more DOM dependency – SSR
None
O(N) N = number of DOM elements O(M) M =
number of dynamic nodes ...less runtime analysis
ember-router ember-cli ember-inspector ember-fastboot ember-glimmer ember 2.0 June 12th, 2015
None
Convention over configuration
Stability over Stagnation
react-cli?
@sugarpirate_
We're hiring! lauren@homely.com.au @sugarpirate_
Thank you! Lauren Elizabeth Tan @sugarpirate_ @poteto