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

3. None

4. SLIDE REDESIGNING & REWRITING OUR APPLICATION IN EMBER.JS

5. None

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
23. None
24. None
25. None
26. None
27. None
28. None
29. None
30. None

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 !