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

B0f260db9763b41604045d22d404b9b0?s=47 Jade Applegate
March 30, 2016
140

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

B0f260db9763b41604045d22d404b9b0?s=128

Jade Applegate

March 30, 2016
Tweet

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 !