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

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

Sponsored · Your Podcast. Everywhere. Effortlessly. Share. Educate. Inspire. Entertain. You do you. We'll handle the rest. →
Avatar for Michael Klein Michael Klein
December 15, 2014
Programming
65
1

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

More Decks by Michael Klein

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

Other Decks in Programming

See All in Programming
Performance Engineering for Everyone
Avatar for Elena Tanasoiu elenatanasoiu
0
230
「AIで開発し、AIを届ける」をEvalでつなぐ 〜AIネイティブに始めるプロダクト開発の実践〜 / Connecting "Develop with AI, deliver AI" with Eval
Avatar for r-kagaya rkaga
4
5.4k
TSKaigi Night Talks 2026_TypeScriptでサプライチェーンの整合性を型に閉じ込める
Avatar for ギークプラス ソフトウェア事業部 geekplus_tech
0
410
メソッドのジェネリクスでGoの夢は広がるか？ / Kyoto.go #65
Avatar for utagawa kiki utgwkk
3
950
Semantic Version 単位で戦略を柔軟に変えて、パッケージアップデートを自動化する
Avatar for daitasu daitasu
1
300
Contextとはなにか
Avatar for chiroruxx chiroruxx
1
370
鹿野さんに聞く！『TypeScriptコードレシピ集』で磨く実践力
Avatar for tonkotsuboy_com tonkotsuboy_com
4
820
dRuby over BLE
Avatar for makicamel makicamel
2
390
スマートグラスで並列バイブコーディング
Avatar for Hayami Shuhei hyshu
0
260
例外の正しい扱い方 そのエラー try-catchして大丈夫？
Avatar for Watanabe Jin jinwatanabe
0
280
どこまでゆるくて許されるのか
Avatar for tk3fftk tk3fftk
0
230
AI 輔助遺留系統現代化的經驗分享
Avatar for James Wang jame2408
1
1k

Featured

See All Featured
StorybookのUI Testing Handbookを読んだ
Avatar for Shingo Yamazaki zakiyama
31
6.8k
Google's AI Overviews - The New Search
Avatar for Barry Adams badams
0
1k
Evolution of real-time – Irina Nazarova, EuRuKo, 2024
Avatar for Irina Nazarova irinanazarova
9
1.4k
Ten Tips & Tricks for a 🌱 transition
Avatar for Manu Carrasco Molina stuffmc
0
140
How GitHub (no longer) Works
Avatar for Zach Holman holman
316
150k
The Myth of the Modular Monolith - Day 2 Keynote - Rails World 2024
Avatar for Eileen M. Uchitelle eileencodes
28
3.5k
GraphQLとの向き合い方2022年版
Avatar for Yosuke Kurami quramy
50
15k
Navigating Weather and Climate Data
Avatar for Ryan Abernathey rabernat
0
240
ReactJS: Keep Simple. Everything can be a component!
Avatar for Pedro Nauck pedronauck
666
130k
Have SEOs Ruined the Internet? - User Awareness of SEO in 2025
Avatar for Akash Hashmi akashhashmi
0
370
Visual Storytelling: How to be a Superhuman Communicator
Avatar for David Neal reverentgeek
2
570
A designer walks into a library…
Avatar for Paul Jervis Heath pauljervisheath
211
24k

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