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
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
フロントエンド開発の勘所 -複数事業を経験して見えた判断軸の違い-
Avatar for Yoichiro Kubo heimusu
7
2.8k
20260127_試行錯誤の結晶を1冊に。著者が解説 先輩データサイエンティストからの指南書 / author's_commentary_ds_instructions_guide
Avatar for nash_efp nash_efp
1
980
izumin5210のプロポーザルのネタ探し #tskaigi_msup
Avatar for izumin5210 izumin5210
1
130
Oxlintはいいぞ
Avatar for Yuji Yamaguchi yug1224
5
1.3k
CSC307 Lecture 10
Avatar for Javier Gonzalez-Sanchez javiergs
PRO
1
660
AI時代のキャリアプラン「技術の引力」からの脱出と「問い」へのいざない / tech-gravity
Avatar for MinoDriven minodriven
21
7.3k
AgentCoreとHuman in the Loop
Avatar for Har1101 har1101
5
240
AIエージェントのキホンから学ぶ「エージェンティックコーディング」実践入門
Avatar for Masahiro Nishimi masahiro_nishimi
5
470
なるべく楽してバックエンドに型をつけたい！(楽とは言ってない)
Avatar for HIBIKI CUBE hibiki_cube
0
140
カスタマーサクセス業務を変革したヘルススコアの実現と学び
Avatar for Tomoyuki Hamaguchi _hummer0724
0
710
dchart: charts from deck markup
Avatar for Anthony Starks ajstarks
3
990
CSC307 Lecture 07
Avatar for Javier Gonzalez-Sanchez javiergs
PRO
1
550

Featured

See All Featured
The B2B funnel & how to create a winning content strategy
Avatar for Katarina Dahlin katarinadahlin
PRO
1
280
Game over? The fight for quality and originality in the time of robots
Avatar for Wayne Barker wayneb77
1
120
Principles of Awesome APIs and How to Build Them.
Avatar for Keavy McMinn keavy
128
17k
Public Speaking Without Barfing On Your Shoes - THAT 2023
Avatar for David Neal reverentgeek
1
310
Kristin Tynski - Automating Marketing Tasks With AI
Avatar for Tech SEO Connect techseoconnect
PRO
0
150
Unlocking the hidden potential of vector embeddings in international SEO
Avatar for Frank van Dijk frankvandijk
0
170
jQuery: Nuts, Bolts and Bling
Avatar for Doug Neiner dougneiner
65
8.4k
From Legacy to Launchpad: Building Startup-Ready Communities
Avatar for Dug Song dugsong
0
140
Fight the Zombie Pattern Library - RWD Summit 2016
Avatar for Marcelo Somers marcelosomers
234
17k
RailsConf & Balkan Ruby 2019: The Past, Present, and Future of Rails at GitHub
Avatar for Eileen M. Uchitelle eileencodes
141
34k
A Soul's Torment
Avatar for Nat Ma seathinner
5
2.3k
Imperfection Machines: The Place of Print at Facebook
Avatar for Scott Boms scottboms
269
14k

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