Upgrade to Pro — share decks privately, control downloads, hide ads and more …

Rails -> Ember - Refactoring towards the client...

Avatar for Michael Klein Michael Klein
December 15, 2014
Programming
1
53

Rails -> Ember - Refactoring towards the client-side

Lessons learned from a big RubyOnRails to Ember.js refactoring project.
Avatar for Michael Klein

Michael Klein

December 15, 2014
Tweet

More Decks by Michael Klein

See All by Michael Klein
Ember-Deploy
Avatar for Michael Klein levelbossmike
1
44

Other Decks in Programming

See All in Programming
GoのGenericsによるslice操作との付き合い方
Avatar for syumai syumai
3
710
datadog dash 2025 LLM observability for reliability and stability
Avatar for 株式会社IVRy（社員登壇資料） ivry_presentationmaterials
0
410
Node-RED を（HTTP で）つなげる MCP サーバーを作ってみた
Avatar for High U highu
0
120
5つのアンチパターンから学ぶLT設計
Avatar for Narihara narihara
1
140
PHPで始める振る舞い駆動開発(Behaviour-Driven Development)
Avatar for uutan1108 ohmori_yusuke
2
240
関数型まつりレポート for JuliaTokai #22
Avatar for GOTOH Shunsuke antimon2
0
160
What Spring Developers Should Know About Jakarta EE
Avatar for ivargrimstad ivargrimstad
0
370
PHPでWebSocketサーバーを実装しよう2025
Avatar for kubotak kubotak
0
240
Quand Symfony, ApiPlatform, OpenAI et LangChain s'allient pour exploiter vos PDF : de la théorie à la production…
Avatar for Ahmed EBEN HASSINE ahmedbhs123
0
120
PicoRuby on Rails
Avatar for makicamel makicamel
2
120
Team operations that are not burdened by SRE
Avatar for zosokh kazatohiei
1
290
アンドパッドの Go 勉強会「 gopher 会」とその内容の紹介
Avatar for ANDPAD inc andpad
0
290

Featured

See All Featured
Bootstrapping a Software Product
Avatar for Garrett Dimon garrettdimon
PRO
307
110k
Large-scale JavaScript Application Architecture
Avatar for Addy Osmani addyosmani
512
110k
Designing for Performance
Avatar for Lara Hogan lara
609
69k
Build The Right Thing And Hit Your Dates
Avatar for Maggie C. maggiecrowley
36
2.8k
Building Applications with DynamoDB
Avatar for Matt Wood mza
95
6.5k
The Illustrated Children's Guide to Kubernetes
Avatar for Chris Short chrisshort
48
50k
Let's Do A Bunch of Simple Stuff to Make Websites Faster
Avatar for Chris Coyier chriscoyier
507
140k
Dealing with People You Can't Stand - Big Design 2015
Avatar for Cassini Nazir cassininazir
367
26k
Producing Creativity
Avatar for Steve Smith orderedlist
PRO
346
40k
The Pragmatic Product Professional
Avatar for Laura Van Doore lauravandoore
35
6.7k
Six Lessons from altMBA
Avatar for Skipper Chong Warson skipperchong
28
3.9k
Practical Orchestrator
Avatar for Shlomi Noach shlominoach
188
11k

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