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

FastBoot™ and Beyond

Godfrey Chan
September 29, 2015
Programming
0
140

FastBoot™ and Beyond

Godfrey Chan

September 29, 2015
Tweet

More Decks by Godfrey Chan

See All by Godfrey Chan
Virtual EmberConf 2022: Platform State of the Union
chancancode
0
230
Virtual EmberConf 2021: Platform State of the Union
chancancode
0
210
Virtual EmberConf 2020: Platform State of the Union
chancancode
1
320
Thinking in TypeScript
chancancode
0
260
The Lifecycle of a Rails Request
chancancode
3
14k
Dropping Down To The Metal™ (2018)
chancancode
0
100
Using Skylight to Solve Real-World Performance Problems
chancancode
1
330
Prying Open The Black Box (EmberConf 2018)
chancancode
0
350
Bending The Curve: Putting Rust in Ruby with Helix
chancancode
2
2.7k

Other Decks in Programming

See All in Programming
Domain-Driven Transformation
hschwentner
2
1.9k
Bedrock Agentsレスポンス解析によるAgentのOps
licux
3
840
WebDriver BiDiとは何なのか
yotahada3
1
140
密集、ドキュメントのコロケーション with AWS Lambda
satoshi256kbyte
0
190
GAEログのコスト削減
mot_techtalk
0
120
さいきょうのレイヤードアーキテクチャについて考えてみた
yahiru
3
750
iOSエンジニアから始める visionOS アプリ開発
nao_randd
3
130
sappoRo.R #12 初心者セッション
kosugitti
0
250
Rails アプリ地図考 Flush Cut
makicamel
1
120
『GO』アプリ バックエンドサーバのコスト削減
mot_techtalk
0
140
CNCF Project の作者が考えている OSS の運営
utam0k
6
710
Software Architecture
hschwentner
6
2.1k

Featured

See All Featured
Easily Structure & Communicate Ideas using Wireframe
afnizarnur
193
16k
Design and Strategy: How to Deal with People Who Don’t "Get" Design
morganepeng
129
19k
Building Applications with DynamoDB
mza
93
6.2k
Music & Morning Musume
bryan
46
6.3k
A Tale of Four Properties
chriscoyier
158
23k
YesSQL, Process and Tooling at Scale
rocio
172
14k
Fireside Chat
paigeccino
34
3.2k
Testing 201, or: Great Expectations
jmmastey
42
7.2k
The Psychology of Web Performance [Beyond Tellerrand 2023]
tammyeverts
46
2.3k
Building an army of robots
kneath
303
45k
Scaling GitHub
holman
459
140k
The Cost Of JavaScript in 2023
addyosmani
47
7.3k

Transcript

  1. Godfrey Chan @chancancode

  2. None
  3. None
  4. None
  5. None
  6. None
  7. None
  8. None
  9. None
  10. None
  11. None
  12. None
  13. None
  14. None
  15. None
  16. None
  17. None

  18. Ember 1.0

  19. <script src=“ember.js”> <script src=“my-app.js”> DOM Ready Boot App appendTo(document.body)

  20. <script src=“ember.js”> <script src=“my-app.js”> DOM Ready Boot App appendTo(document.body)

  21. TAKE OVER ALL THE DOM!

  22. The One True App™

  23. Testing

  24. Emergency Brake

  25. App.setupForTesting()

  26. App.setupForTesting() <script src=“ember.js”> <script src=“my-app.js”> DOM Ready Boot App appendTo(document.body)

  27. App.setupForTesting() <script src=“ember.js”> <script src=“my-app.js”> DOM Ready Boot App appendTo(document.body)

    Actually, never mind!

  28. App.setupForTesting() <script src=“ember.js”> <script src=“my-app.js”> Test Setup Boot App appendTo(“#qunit-fixture”)

    Test Teardown App.reset()

  29. FastBoot™

  30. None

  31. <noscript> Sorry </noscript>

  32. ☁ Web Server

  33. ☁ Web Server GET /posts/123-ember-2-0-…

  34. ☁ Web Server 200 OK <html> <head> <title>Ember 2.0…</title> </head>

    <body> <article>…</article> </body> </html>

  35. Load Ember Boot Worker Boot App Render Destroy Worker GET

    /posts/123-ember-2-0-… 200 OK <html> <head> <title>Ember 2.0…</title> </head> <body> <article>…</article> </body> </html>

  36. Load Ember Boot Worker Boot App Render App.reset() GET /posts/123-ember-2-0-…

    200 OK <html> <head> <title>Ember 2.0…</title> </head> <body> <article>…</article> </body> </html>

  37. 200 OK <html> <head> <title>Ember 2.0…</title> </head> <body> <article>…</article> </body>

    </html> Render 200 OK <html> <head> <title>Ember 2.0…</title> </head> <body> <article>…</article> </body> </html> GET /posts/123-ember-2-0-… Boot Worker Render instance.destroy() GET /posts/123-ember-2-0-… Boot Instance instance.destroy( Load Ember Boot Instance

  38. Ember 1.12

  39. Ember.ApplicationInstance Ember.Application

  40. Ember.ApplicationInstance Ember.Application

  41. App.visit(“/posts/123-ember-2-0…”)

  42. ⚠ Experimental APIs

  43. For Your Eyes Only

  44. PR #12394 Revisiting the visit API (aka FastBoot™)

  45. Testing

  46. <script src=“ember.js”> <script src=“my-app.js”> Test Setup Boot Instance … instance.destroy()

  47. Manual Boot

  48. import MyApp from 'my-app'; $(function() { let App = MyApp.create({

    autoboot: false }); App.visit('/demo', { location: 'none', rootElement: '#demo' }); }); For Your Eyes Only

  49. Multiple Instances

  50. import MyApp from 'my-app'; $(function() { let App = MyApp.create({

    autoboot: false }); let sessionId = MyApp.generateSessionID(); App.visit(`/matches/join/${sessionId}`, { rootElement: '#left' }); App.visit(`/matches/join/${sessionId}`, { rootElement: '#right' }); }); For Your Eyes Only

  51. Widgets

  52. ember-islands

  53. Embedding?

  54. PR #12394 Revisiting the visit API (aka FastBoot™)

  55. @chancancode