Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Features
Speaker Deck
PRO
Sign in
Sign up for free
Search
Search
From SproutCore to Ember
Search
Paul Chavard
June 29, 2012
Programming
2
240
From SproutCore to Ember
Paul Chavard
June 29, 2012
Tweet
Share
More Decks by Paul Chavard
See All by Paul Chavard
Le Tour du monde en quatre-vingts jours
tchak
1
33
Functional Ember
tchak
0
280
HTTP
tchak
3
190
Ember Data REBOOT
tchak
0
130
Ember Data: (Advanced) Patterns
tchak
2
220
EmberJS Introduction
tchak
1
190
Ember Data
tchak
11
810
Ember.js
tchak
11
1.6k
Other Decks in Programming
See All in Programming
[JAWS-UG横浜 #79] re:Invent 2024 の DB アップデートは Multi-Region!
maroon1st
1
140
CNCF Project の作者が考えている OSS の運営
utam0k
5
690
Ruby on cygwin 2025-02
fd0
0
140
Lottieアニメーションをカスタマイズしてみた
tahia910
0
120
XStateを用いた堅牢なReact Components設計~複雑なClient Stateをシンプルに~ @React Tokyo ミートアップ #2
kfurusho
1
770
Grafana Cloudとソラカメ
devoc
0
140
Kubernetes History Inspector(KHI)を触ってみた
bells17
0
200
chibiccをCILに移植した結果 (NGK2025S版)
kekyo
PRO
0
210
AHC041解説
terryu16
0
590
Immutable ActiveRecord
megane42
0
130
Djangoアプリケーション 運用のリアル 〜問題発生から可視化、最適化への道〜 #pyconshizu
kashewnuts
1
230
Compose でデザインと実装の差異を減らすための取り組み
oidy
1
300
Featured
See All Featured
Typedesign – Prime Four
hannesfritz
40
2.5k
Chrome DevTools: State of the Union 2024 - Debugging React & Beyond
addyosmani
3
310
XXLCSS - How to scale CSS and keep your sanity
sugarenia
248
1.3M
CoffeeScript is Beautiful & I Never Want to Write Plain JavaScript Again
sstephenson
160
15k
Art, The Web, and Tiny UX
lynnandtonic
298
20k
Helping Users Find Their Own Way: Creating Modern Search Experiences
danielanewman
29
2.4k
Code Reviewing Like a Champion
maltzj
521
39k
Writing Fast Ruby
sferik
628
61k
How STYLIGHT went responsive
nonsquared
98
5.3k
Rails Girls Zürich Keynote
gr2m
94
13k
Stop Working from a Prison Cell
hatefulcrawdad
267
20k
Building a Scalable Design System with Sketch
lauravandoore
460
33k
Transcript
From SproutCore to Ember.js
Paul Chavard capitainetrain.com
2007 - SproutIt 2008 - Apple 2010 - Strobe 2012
- Tilde
Widget Library
✓ SC.ButtonView ✓ SC.SelectView ✓ SC.PanelView ✓ SC.SplitView
Structural Library
✓ DS.Model ✓ Ember.View ✓ Ember.Controller ✓ Ember.Router
Singletons
✓ App.postsController = SC.ArrayController.create() ✓ App.postController = SC.ObjectController.create() ✓ App.store
= SC.Store.create() ✓ App.stateChart = SC.StateChart.create()
Shared instances
✓ App.PostsController = Ember.ArrayController.extend() ✓ App.PostController = Ember.ObjectController.extend() ✓ App.Store
= DS.Store.extend() ✓ App.Router = Ember.Router.extend() ✓ App.initialize()
✓ App.router.postsController ✓ App.router.postController ✓ App.router.store
Router
✓ The truth is not in the URL ✓ URL
change is a “side-effect” of changing state ✓ Simple interface for actual url manipulation
Outlets
Controller View Model
Demo github.com/tchak/ember-blog-app
twitter @emberjs github @emberjs IRC #emberjs emberjs.org
twitter @tchak13 github @tchak talks.tchak.net
thanks ! questions ?