Rails -> Ember - Refactoring towards the client-side

Lessons learned from a big RubyOnRails to Ember.js refactoring project.

Transcript

1. Rails -> Ember Refactoring towards the client-side @LevelbossMike Dienstag, 16. Dezember 14
2. @LevelbossMike @LevelbossMike • Ember Production Exp. (~ 2.5 years ) • Runtastic Frontend Lead (> 45m users) • Hire me! (Ember/Rails Consultant) Dienstag, 16. Dezember 14
3. @LevelbossMike Not sure.. TL;DR Ember is teh awesome Use it! @LevelbossMike Dienstag, 16. Dezember 14
4. @LevelbossMike TL;DR • Web-App is client like iOS/Android • MVP-Driven-Development • Embrace Components Dienstag, 16. Dezember 14
5. @LevelbossMike What we built @LevelbossMike Dienstag, 16. Dezember 14
6. @LevelbossMike Great! • Conventions (Guides, API etc.) • Ember-Components • Ember-Data • Ember-Testing @LevelbossMike Dienstag, 16. Dezember 14
7. @LevelbossMike Annoying • Nesting components • TDD with ember internals • Complex app -> Ember-CLI/Broccoli/Node @LevelbossMike Dienstag, 16. Dezember 14
8. @LevelbossMike Challenges • Android start up time • Long-Lists will troll you • Scrolling performance @LevelbossMike Dienstag, 16. Dezember 14
9. @LevelbossMike Start-Time • Use a skeleton • Easy to implement Dienstag, 16. Dezember 14
10. @LevelbossMike Long Lists • Use Ember.ListView • Use InfiniteScrolling-Component http://emberjs.jsbin.com/hicohureyu/2 Dienstag, 16. Dezember 14
11. @LevelbossMike Scrolling Performance • Be easy on painting • Stop updates on scroll • Use components to fix pain points Dienstag, 16. Dezember 14
12. @LevelbossMike Learnings pt.1 • Do things that suck first (Deploy, Broccoli) • Components (SOA Frontend) Dienstag, 16. Dezember 14
13. @LevelbossMike Learnings pt.2 • Use Ember-CLI • Test everything • Use/Write Ember-CLI-Addons Dienstag, 16. Dezember 14
14. @LevelbossMike Road ahead • Ember 2.0 • Engines • Htmlbars • Better-Actions @LevelbossMike Dienstag, 16. Dezember 14
15. @LevelbossMike Summary • Frontend is not trivial • Ember.js - solid architecture basis • Modularize all the things • Ember.js makes it hard to hang yourself • Ember.js is good for you Dienstag, 16. Dezember 14
16. @LevelbossMike Thx a lot! • Need help? Talk to me :) Dienstag, 16. Dezember 14