EmberConf 2016: Redesigning and rewriting our application in Ember.js

Transcript

1. Redesigning & Rewriting our Application in Ember.js
2. REDESIGNING & REWRITING OUR APPLICATION IN EMBER.JS @jadeapplegate
4. SLIDE REDESIGNING & REWRITING OUR APPLICATION IN EMBER.JS
6. REDESIGNING & REWRITING OUR APPLICATION IN EMBER.JS Customer-facing UI ✅ Account ✅ Billing ✅ User management ✅ Real-time analytics and stats ✅ Advanced configurations
7. A G E N D A
8. REDESIGNING & REWRITING OUR APPLICATION IN EMBER.JS ✅ Rationale ✅ Approach ✅ Results ✅ Lessons Learned ✅ Next Steps
9. REDESIGNING & REWRITING OUR APPLICATION IN EMBER.JS Side Projects vs. Consumer Applications
10. W H Y D O A R E W R I T E ?
11. 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
12. 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 …
13. REDESIGNING & REWRITING OUR APPLICATION IN EMBER.JS Ember CLI In-house knowledge No dev env needed
14. A M O R E M O D E R N A P P R O A C H
15. REDESIGNING & REWRITING OUR APPLICATION IN EMBER.JS Step 1: Learn Ember
16. REDESIGNING & REWRITING OUR APPLICATION IN EMBER.JS Testing
17. REDESIGNING & REWRITING OUR APPLICATION IN EMBER.JS Components
18. REDESIGNING & REWRITING OUR APPLICATION IN EMBER.JS Modern Tools
19. REDESIGNING & REWRITING OUR APPLICATION IN EMBER.JS Community
20. 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…
21. R E S U LT S
22. REDESIGNING & REWRITING OUR APPLICATION IN EMBER.JS ✅ Rapid development ✅ Rich interactions ✅ Reusable components ✅ Tested, reliable code
31. M E T R I C S
32. REDESIGNING & REWRITING OUR APPLICATION IN EMBER.JS SLIDE 32 ember-deploy
33. REDESIGNING & REWRITING OUR APPLICATION IN EMBER.JS SLIDE 33 Test Coverage
34. L E S S O N S L E A R N E D
35. REDESIGNING & REWRITING OUR APPLICATION IN EMBER.JS Pay down tech debt as you go
36. REDESIGNING & REWRITING OUR APPLICATION IN EMBER.JS Be selective with external libraries
37. REDESIGNING & REWRITING OUR APPLICATION IN EMBER.JS Test coverage from day one
38. REDESIGNING & REWRITING OUR APPLICATION IN EMBER.JS Components make things easier to build
39. REDESIGNING & REWRITING OUR APPLICATION IN EMBER.JS Internationalize as you go
40. N E X T S T E P S
41. REDESIGNING & REWRITING OUR APPLICATION IN EMBER.JS Work continues
42. REDESIGNING & REWRITING OUR APPLICATION IN EMBER.JS Responsive
43. REDESIGNING & REWRITING OUR APPLICATION IN EMBER.JS Browser Support
44. REDESIGNING & REWRITING OUR APPLICATION IN EMBER.JS Releases
45. REDESIGNING & REWRITING OUR APPLICATION IN EMBER.JS Open Source!
46. T H A N K Y O U !