$30 off During Our Annual Pro Sale. View Details »

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

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

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
45

Other Decks in Programming

See All in Programming
LLM Çağında Backend Olmak: 10 Milyon Prompt'u Milisaniyede Sorgulamak
Avatar for Selçuk Usta selcukusta
0
120
TestingOsaka6_Ozono
Avatar for O3(ozono) o3
0
160
AIの誤りが許されない業務システムにおいて“信頼されるAI” を目指す / building-trusted-ai-systems
Avatar for Yuya Matsumura yuya4
6
3.6k
Microservices rules: What good looks like
Avatar for Chris Richardson cer
PRO
0
1.4k
Giselleで作るAI QAアシスタント 〜 Pull Requestレビューに継続的QAを
Avatar for Tadashi Shigeoka codenote
0
190
【Streamlit x Snowflake】データ基盤からアプリ開発・AI活用まで、すべてをSnowflake内で実現
Avatar for Ayumu Yamaguchi ayumu_yamaguchi
1
120
堅牢なフロントエンドテスト基盤を構築するために行った取り組み
Avatar for Shogo Fukami shogo4131
8
2.4k
sbt 2
Avatar for kenji yoshida xuwei_k
0
300
AIコーディングエージェント（NotebookLM）
Avatar for kondai kondai24
0
200
30分でDoctrineの仕組みと使い方を完全にマスターする / phpconkagawa 2025 Doctrine
Avatar for Takashi Kanemoto ttskch
4
880
宅宅自以為的浪漫：跟 AI 一起為自己辦的研討會寫一個售票系統
Avatar for 高見龍 eddie
0
510
大体よく分かるscala.collection.immutable.HashMap ~ Compressed Hash-Array Mapped Prefix-tree (CHAMP) ~
Avatar for matsu_chara matsu_chara
2
220

Featured

See All Featured
Measuring & Analyzing Core Web Vitals
Avatar for Philip Tellis bluesmoon
9
710
Facilitating Awesome Meetings
Avatar for Lara Hogan lara
57
6.7k
Visualizing Your Data: Incorporating Mongo into Loggly Infrastructure
Avatar for mongodb mongodb
48
9.8k
How to train your dragon (web standard)
Avatar for Monica Dinculescu notwaldorf
97
6.4k
jQuery: Nuts, Bolts and Bling
Avatar for Doug Neiner dougneiner
65
8.3k
Bash Introduction
Avatar for André Augusto Costa Santos 62gerente
615
210k
What's in a price? How to price your products and services
Avatar for Michael Herold michaelherold
246
13k
"I'm Feeling Lucky" - Building Great Search Experiences for Today's Users (#IAC19)
Avatar for Dan Newman danielanewman
231
22k
Building Better People: How to give real-time feedback that sticks.
Avatar for Will Jessup wjessup
370
20k
Writing Fast Ruby
Avatar for Erik Berlin sferik
630
62k
Performance Is Good for Brains [We Love Speed 2024]
Avatar for Tammy Everts tammyeverts
12
1.3k
XXLCSS - How to scale CSS and keep your sanity
Avatar for Zaharenia Atzitzikaki sugarenia
249
1.3M

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