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
EmberConf 2016: Redesigning and rewriting our a...
Search
Jade Applegate
March 30, 2016
2
340
EmberConf 2016: Redesigning and rewriting our application in Ember.js
Jade Applegate
March 30, 2016
Tweet
Share
More Decks by Jade Applegate
See All by Jade Applegate
RenderConf: Designing for Complexity
jadeapplegate
1
1k
Featured
See All Featured
Unsuck your backbone
ammeep
667
57k
Thoughts on Productivity
jonyablonski
66
4.2k
What the flash - Photography Introduction
edds
67
11k
Templates, Plugins, & Blocks: Oh My! Creating the theme that thinks of everything
marktimemedia
26
2k
Practical Orchestrator
shlominoach
185
10k
A Modern Web Designer's Workflow
chriscoyier
692
190k
Evolution of real-time – Irina Nazarova, EuRuKo, 2024
irinanazarova
0
130
Designing Dashboards & Data Visualisations in Web Apps
destraynor
227
52k
Testing 201, or: Great Expectations
jmmastey
36
7k
What's new in Ruby 2.0
geeforr
340
31k
Helping Users Find Their Own Way: Creating Modern Search Experiences
danielanewman
29
2.2k
How STYLIGHT went responsive
nonsquared
93
5.1k
Transcript
Redesigning & Rewriting our Application in Ember.js
REDESIGNING & REWRITING OUR APPLICATION IN EMBER.JS @jadeapplegate
None
SLIDE REDESIGNING & REWRITING OUR APPLICATION IN EMBER.JS
None
REDESIGNING & REWRITING OUR APPLICATION IN EMBER.JS Customer-facing UI ✅
Account ✅ Billing ✅ User management ✅ Real-time analytics and stats ✅ Advanced configurations
A G E N D A
REDESIGNING & REWRITING OUR APPLICATION IN EMBER.JS ✅ Rationale ✅
Approach ✅ Results ✅ Lessons Learned ✅ Next Steps
REDESIGNING & REWRITING OUR APPLICATION IN EMBER.JS Side Projects vs.
Consumer Applications
W H Y D O A R E W R
I T E ?
REDESIGNING & REWRITING OUR APPLICATION IN EMBER.JS No quick changes
☹ No test coverage Lack of code consistency Lack of modern architecture Lacking rich interactions No real ownership Dependencies on other systems
Y O U C A N F I X A
L L O F T H E S E W I T H O U T E M B E R …
REDESIGNING & REWRITING OUR APPLICATION IN EMBER.JS Ember CLI In-house
knowledge No dev env needed
A M O R E M O D E R
N A P P R O A C H
REDESIGNING & REWRITING OUR APPLICATION IN EMBER.JS Step 1: Learn
Ember
REDESIGNING & REWRITING OUR APPLICATION IN EMBER.JS Testing
REDESIGNING & REWRITING OUR APPLICATION IN EMBER.JS Components
REDESIGNING & REWRITING OUR APPLICATION IN EMBER.JS Modern Tools
REDESIGNING & REWRITING OUR APPLICATION IN EMBER.JS Community
REDESIGNING & REWRITING OUR APPLICATION IN EMBER.JS Currently Using ✅
dockyard-suave ✅ ember-cli-mirage ✅ ember-feature-flags ✅ ember-i18n ✅ ember-validations ✅ svg4everybody Future Libraries ember-power-select ember-concurrency many others…
R E S U LT S
REDESIGNING & REWRITING OUR APPLICATION IN EMBER.JS ✅ Rapid development
✅ Rich interactions ✅ Reusable components ✅ Tested, reliable code
None
None
None
None
None
None
None
None
M E T R I C S
REDESIGNING & REWRITING OUR APPLICATION IN EMBER.JS SLIDE 32 ember-deploy
REDESIGNING & REWRITING OUR APPLICATION IN EMBER.JS SLIDE 33 Test
Coverage
L E S S O N S L E A
R N E D
REDESIGNING & REWRITING OUR APPLICATION IN EMBER.JS Pay down tech
debt as you go
REDESIGNING & REWRITING OUR APPLICATION IN EMBER.JS Be selective with
external libraries
REDESIGNING & REWRITING OUR APPLICATION IN EMBER.JS Test coverage from
day one
REDESIGNING & REWRITING OUR APPLICATION IN EMBER.JS Components make things
easier to build
REDESIGNING & REWRITING OUR APPLICATION IN EMBER.JS Internationalize as you
go
N E X T S T E P S
REDESIGNING & REWRITING OUR APPLICATION IN EMBER.JS Work continues
REDESIGNING & REWRITING OUR APPLICATION IN EMBER.JS Responsive
REDESIGNING & REWRITING OUR APPLICATION IN EMBER.JS Browser Support
REDESIGNING & REWRITING OUR APPLICATION IN EMBER.JS Releases
REDESIGNING & REWRITING OUR APPLICATION IN EMBER.JS Open Source!
T H A N K Y O U !