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
57

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
AI Agents: How Do They Work and How to Build Them @ Shift 2025
Avatar for Slobodan Stojanović slobodan
0
100
Android端末で実現するオンデバイスLLM 2025
Avatar for Masayuki Suda masayukisuda
1
170
「待たせ上手」なスケルトンスクリーン、 そのUXの裏側
Avatar for teamLab teamlab
PRO
0
570
今だからこそ入門する Server-Sent Events (SSE)
Avatar for NearMeの技術発表資料です nearme_tech
PRO
3
260
知っているようで知らない"rails new"の世界 / The World of "rails new" You Think You Know but Don't
Avatar for luccafort luccafort
PRO
1
190
Navigating Dependency Injection with Metro
Avatar for Zac Sweers zacsweers
3
3.5k
@Environment(\.keyPath)那么好我不允许你们不知道！ / atEnvironment keyPath is so good and you should know it!
Avatar for Elvis Shi lovee
0
130
Reading Rails 1.0 Source Code
Avatar for Masafumi Okura okuramasafumi
0
250
Introducing ReActionView: A new ActionView-compatible ERB Engine @ Rails World 2025, Amsterdam
Avatar for Marco Roth marcoroth
0
710
アルテニア コンサル／ＩＴエンジニア向け 採用ピッチ資料
Avatar for ALTENIR altenir
0
110
ファインディ株式会社におけるMCP活用とサービス開発
Avatar for starfish719 starfish719
0
2.1k
私の後悔をAWS DMSで解決した話
Avatar for 平目 hiramax
4
210

Featured

See All Featured
個人開発の失敗を避けるイケてる考え方 / tips for indie hackers
Avatar for panda_program panda_program
113
20k
Sharpening the Axe: The Primacy of Toolmaking
Avatar for Bryan Cantrill bcantrill
44
2.5k
Designing for humans not robots
Avatar for Tammie Lister tammielis
253
25k
GraphQLとの向き合い方2022年版
Avatar for Yosuke Kurami quramy
49
14k
The Straight Up "How To Draw Better" Workshop
Avatar for Dennis Kardys denniskardys
236
140k
The Language of Interfaces
Avatar for Des Traynor destraynor
161
25k
Responsive Adventures: Dirty Tricks From The Dark Corners of Front-End
Avatar for Vitaly Friedman smashingmag
252
21k
Evolution of real-time – Irina Nazarova, EuRuKo, 2024
Avatar for Irina Nazarova irinanazarova
8
930
実際に使うSQLの書き方 徹底解説 / pgcon21j-tutorial
Avatar for soudai sone soudai
PRO
188
55k
Fantastic passwords and where to find them - at NoRuKo
Avatar for Phil Nash philnash
52
3.4k
The Pragmatic Product Professional
Avatar for Laura Van Doore lauravandoore
36
6.9k
Chrome DevTools: State of the Union 2024 - Debugging React & Beyond
Avatar for Addy Osmani addyosmani
7
850

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