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

FastBoot™ and Beyond

22bb3e56828870ee9a0dd93aeadbe04a?s=47 Godfrey Chan
September 29, 2015
Programming
0
130

FastBoot™ and Beyond

22bb3e56828870ee9a0dd93aeadbe04a?s=128

Godfrey Chan

September 29, 2015
Tweet

More Decks by Godfrey Chan

See All by Godfrey Chan
22bb3e56828870ee9a0dd93aeadbe04a?s=48 chancancode
0
110
22bb3e56828870ee9a0dd93aeadbe04a?s=48 chancancode
1
280
22bb3e56828870ee9a0dd93aeadbe04a?s=48 chancancode
0
180
22bb3e56828870ee9a0dd93aeadbe04a?s=48 chancancode
3
8.3k
22bb3e56828870ee9a0dd93aeadbe04a?s=48 chancancode
0
69
22bb3e56828870ee9a0dd93aeadbe04a?s=48 chancancode
1
120
22bb3e56828870ee9a0dd93aeadbe04a?s=48 chancancode
0
160
22bb3e56828870ee9a0dd93aeadbe04a?s=48 chancancode
2
2.3k
22bb3e56828870ee9a0dd93aeadbe04a?s=48 chancancode
0
100

Other Decks in Programming

See All in Programming
E8a1ea1668c402ae8cd5baea8f7b7a97?s=48 yuiwai
0
220
52711e2157a6fed933b0361cc06a6953?s=48 marcelgsantos
2
160
Eae7b6aeee72d3081b01d09a2d675f9a?s=48 akkeylab
4
230
9242ec5423930ab9ab881ce07f4d4fcf?s=48 e99h2121
0
1.5k
9db605a8fd9732e854a419160821ffeb?s=48 tamacjp
0
190
9242ec5423930ab9ab881ce07f4d4fcf?s=48 e99h2121
0
1.4k
422d6810de47c88b0df5132771e67b81?s=48 michaeldyrynda
0
180
9225e855d5096915e696bda707e48220?s=48 yasuharu519
0
220
D76231a2114896dfcc7b79ac69558b79?s=48 yosuke_furukawa
PRO
33
9.2k
D07d36d7d3263da869c7d030ba4a64a6?s=48 y__mattu
1
410
5059d3f370ad7e1f4d8de4be79ae1a2c?s=48 rvirus0817
3
2.7k
Faafc04d9e69b73b9f49995fd4c94d4d?s=48 whatyouhide
0
230

Featured

See All Featured
016edace78ffe826f2348d1e0c504afd?s=48 maggiecrowley
16
870
Fde6c3a50ca518a909ef35c22c0ee0e4?s=48 destraynor
148
20k
44b54d2ffcb7857004071cc6795dde11?s=48 cassininazir
350
20k
A16eb159db895e3b01d3dc95767ad595?s=48 jonyablonski
36
1.7k
864a009ac73600c7c02e1f26629dd989?s=48 paigeccino
0
79
766b9746b59e6f09e280cd33cf4ed419?s=48 skipperchong
13
980
Fde6c3a50ca518a909ef35c22c0ee0e4?s=48 destraynor
225
48k
A60068bce2e73de3a37ca9d2dbe36092?s=48 bryan
105
11k
25c7c18223fb42a4c6ae1c8db6f50f9b?s=48 mojombo
364
63k
7edec06b5435e0dac07a353b2cc26253?s=48 geeforr
335
29k
64827b31aef81498662e8af4bd6d5157?s=48 jonrohan
1021
400k
Eb8975af8e49e19e3dd6b6b84a542e26?s=48 qrush
288
19k

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