boots and shoeboxes
TRANSCRIPT
![Page 1: Boots and Shoeboxes](https://reader030.vdocument.in/reader030/viewer/2022021423/58a3d9c31a28ab7f0b8b51d5/html5/thumbnails/1.jpg)
Presented by Jonathan Jackson
Boots and Shoeboxes
![Page 4: Boots and Shoeboxes](https://reader030.vdocument.in/reader030/viewer/2022021423/58a3d9c31a28ab7f0b8b51d5/html5/thumbnails/4.jpg)
![Page 6: Boots and Shoeboxes](https://reader030.vdocument.in/reader030/viewer/2022021423/58a3d9c31a28ab7f0b8b51d5/html5/thumbnails/6.jpg)
The roadmap• What is FastBoot?
• How can I use FastBoot?
• What do I do if I run into trouble?
![Page 7: Boots and Shoeboxes](https://reader030.vdocument.in/reader030/viewer/2022021423/58a3d9c31a28ab7f0b8b51d5/html5/thumbnails/7.jpg)
Ember's Answer to Server-Side Rendering
![Page 8: Boots and Shoeboxes](https://reader030.vdocument.in/reader030/viewer/2022021423/58a3d9c31a28ab7f0b8b51d5/html5/thumbnails/8.jpg)
Why not these?
• Rails
• PHP
• WordPress
![Page 9: Boots and Shoeboxes](https://reader030.vdocument.in/reader030/viewer/2022021423/58a3d9c31a28ab7f0b8b51d5/html5/thumbnails/9.jpg)
Traditional Server Tech• Crawlable by definition
• Performance on limited connectivity devices
• Predictable performance and upgrade paths
• State management
![Page 10: Boots and Shoeboxes](https://reader030.vdocument.in/reader030/viewer/2022021423/58a3d9c31a28ab7f0b8b51d5/html5/thumbnails/10.jpg)
Browsers
![Page 11: Boots and Shoeboxes](https://reader030.vdocument.in/reader030/viewer/2022021423/58a3d9c31a28ab7f0b8b51d5/html5/thumbnails/11.jpg)
![Page 12: Boots and Shoeboxes](https://reader030.vdocument.in/reader030/viewer/2022021423/58a3d9c31a28ab7f0b8b51d5/html5/thumbnails/12.jpg)
![Page 13: Boots and Shoeboxes](https://reader030.vdocument.in/reader030/viewer/2022021423/58a3d9c31a28ab7f0b8b51d5/html5/thumbnails/13.jpg)
![Page 14: Boots and Shoeboxes](https://reader030.vdocument.in/reader030/viewer/2022021423/58a3d9c31a28ab7f0b8b51d5/html5/thumbnails/14.jpg)
The Browser is no longer a document viewer
![Page 15: Boots and Shoeboxes](https://reader030.vdocument.in/reader030/viewer/2022021423/58a3d9c31a28ab7f0b8b51d5/html5/thumbnails/15.jpg)
Browsers are evergreen🌲
![Page 16: Boots and Shoeboxes](https://reader030.vdocument.in/reader030/viewer/2022021423/58a3d9c31a28ab7f0b8b51d5/html5/thumbnails/16.jpg)
Rapid Standards Adoption
![Page 17: Boots and Shoeboxes](https://reader030.vdocument.in/reader030/viewer/2022021423/58a3d9c31a28ab7f0b8b51d5/html5/thumbnails/17.jpg)
Why not these?
• Rails
• PHP
• WordPress
![Page 18: Boots and Shoeboxes](https://reader030.vdocument.in/reader030/viewer/2022021423/58a3d9c31a28ab7f0b8b51d5/html5/thumbnails/18.jpg)
![Page 19: Boots and Shoeboxes](https://reader030.vdocument.in/reader030/viewer/2022021423/58a3d9c31a28ab7f0b8b51d5/html5/thumbnails/19.jpg)
[...]
![Page 20: Boots and Shoeboxes](https://reader030.vdocument.in/reader030/viewer/2022021423/58a3d9c31a28ab7f0b8b51d5/html5/thumbnails/20.jpg)
Server Side Rendering
And more...
![Page 21: Boots and Shoeboxes](https://reader030.vdocument.in/reader030/viewer/2022021423/58a3d9c31a28ab7f0b8b51d5/html5/thumbnails/21.jpg)
In React
![Page 22: Boots and Shoeboxes](https://reader030.vdocument.in/reader030/viewer/2022021423/58a3d9c31a28ab7f0b8b51d5/html5/thumbnails/22.jpg)
Before FastBoot
![Page 23: Boots and Shoeboxes](https://reader030.vdocument.in/reader030/viewer/2022021423/58a3d9c31a28ab7f0b8b51d5/html5/thumbnails/23.jpg)
Before FastBoot (cont...)
![Page 24: Boots and Shoeboxes](https://reader030.vdocument.in/reader030/viewer/2022021423/58a3d9c31a28ab7f0b8b51d5/html5/thumbnails/24.jpg)
Before FastBoot (cont...)
![Page 25: Boots and Shoeboxes](https://reader030.vdocument.in/reader030/viewer/2022021423/58a3d9c31a28ab7f0b8b51d5/html5/thumbnails/25.jpg)
“Server-side Rendering is a bit of a misnomer [...] it's not just
server-side rendering it's server-side routing, and server-
side model fetching et, al.”
–Tom Dale
![Page 26: Boots and Shoeboxes](https://reader030.vdocument.in/reader030/viewer/2022021423/58a3d9c31a28ab7f0b8b51d5/html5/thumbnails/26.jpg)
![Page 27: Boots and Shoeboxes](https://reader030.vdocument.in/reader030/viewer/2022021423/58a3d9c31a28ab7f0b8b51d5/html5/thumbnails/27.jpg)
[...]
![Page 28: Boots and Shoeboxes](https://reader030.vdocument.in/reader030/viewer/2022021423/58a3d9c31a28ab7f0b8b51d5/html5/thumbnails/28.jpg)
Alright, how do I use FastBoot then?
![Page 29: Boots and Shoeboxes](https://reader030.vdocument.in/reader030/viewer/2022021423/58a3d9c31a28ab7f0b8b51d5/html5/thumbnails/29.jpg)
![Page 30: Boots and Shoeboxes](https://reader030.vdocument.in/reader030/viewer/2022021423/58a3d9c31a28ab7f0b8b51d5/html5/thumbnails/30.jpg)
And you'll see something like this...
![Page 31: Boots and Shoeboxes](https://reader030.vdocument.in/reader030/viewer/2022021423/58a3d9c31a28ab7f0b8b51d5/html5/thumbnails/31.jpg)
![Page 32: Boots and Shoeboxes](https://reader030.vdocument.in/reader030/viewer/2022021423/58a3d9c31a28ab7f0b8b51d5/html5/thumbnails/32.jpg)
![Page 33: Boots and Shoeboxes](https://reader030.vdocument.in/reader030/viewer/2022021423/58a3d9c31a28ab7f0b8b51d5/html5/thumbnails/33.jpg)
![Page 34: Boots and Shoeboxes](https://reader030.vdocument.in/reader030/viewer/2022021423/58a3d9c31a28ab7f0b8b51d5/html5/thumbnails/34.jpg)
Let's fetch something.
![Page 35: Boots and Shoeboxes](https://reader030.vdocument.in/reader030/viewer/2022021423/58a3d9c31a28ab7f0b8b51d5/html5/thumbnails/35.jpg)
Reactions for
![Page 36: Boots and Shoeboxes](https://reader030.vdocument.in/reader030/viewer/2022021423/58a3d9c31a28ab7f0b8b51d5/html5/thumbnails/36.jpg)
![Page 37: Boots and Shoeboxes](https://reader030.vdocument.in/reader030/viewer/2022021423/58a3d9c31a28ab7f0b8b51d5/html5/thumbnails/37.jpg)
Ember Serve Ember Fastboot Serve
🤔
![Page 38: Boots and Shoeboxes](https://reader030.vdocument.in/reader030/viewer/2022021423/58a3d9c31a28ab7f0b8b51d5/html5/thumbnails/38.jpg)
![Page 39: Boots and Shoeboxes](https://reader030.vdocument.in/reader030/viewer/2022021423/58a3d9c31a28ab7f0b8b51d5/html5/thumbnails/39.jpg)
![Page 40: Boots and Shoeboxes](https://reader030.vdocument.in/reader030/viewer/2022021423/58a3d9c31a28ab7f0b8b51d5/html5/thumbnails/40.jpg)
![Page 41: Boots and Shoeboxes](https://reader030.vdocument.in/reader030/viewer/2022021423/58a3d9c31a28ab7f0b8b51d5/html5/thumbnails/41.jpg)
Ember Serve Ember FastBoot Serve
![Page 42: Boots and Shoeboxes](https://reader030.vdocument.in/reader030/viewer/2022021423/58a3d9c31a28ab7f0b8b51d5/html5/thumbnails/42.jpg)
So now that we know that let's talk about the shoebox!
![Page 43: Boots and Shoeboxes](https://reader030.vdocument.in/reader030/viewer/2022021423/58a3d9c31a28ab7f0b8b51d5/html5/thumbnails/43.jpg)
![Page 44: Boots and Shoeboxes](https://reader030.vdocument.in/reader030/viewer/2022021423/58a3d9c31a28ab7f0b8b51d5/html5/thumbnails/44.jpg)
So what is the shoebox?
![Page 45: Boots and Shoeboxes](https://reader030.vdocument.in/reader030/viewer/2022021423/58a3d9c31a28ab7f0b8b51d5/html5/thumbnails/45.jpg)
• app/models/reaction • app/serializers/reaction • app/adapter/reaction
![Page 46: Boots and Shoeboxes](https://reader030.vdocument.in/reader030/viewer/2022021423/58a3d9c31a28ab7f0b8b51d5/html5/thumbnails/46.jpg)
![Page 47: Boots and Shoeboxes](https://reader030.vdocument.in/reader030/viewer/2022021423/58a3d9c31a28ab7f0b8b51d5/html5/thumbnails/47.jpg)
![Page 48: Boots and Shoeboxes](https://reader030.vdocument.in/reader030/viewer/2022021423/58a3d9c31a28ab7f0b8b51d5/html5/thumbnails/48.jpg)
![Page 49: Boots and Shoeboxes](https://reader030.vdocument.in/reader030/viewer/2022021423/58a3d9c31a28ab7f0b8b51d5/html5/thumbnails/49.jpg)
fastboot instance-initializer
browser instance-initializer ember data store
![Page 50: Boots and Shoeboxes](https://reader030.vdocument.in/reader030/viewer/2022021423/58a3d9c31a28ab7f0b8b51d5/html5/thumbnails/50.jpg)
What about deployment?
![Page 51: Boots and Shoeboxes](https://reader030.vdocument.in/reader030/viewer/2022021423/58a3d9c31a28ab7f0b8b51d5/html5/thumbnails/51.jpg)
approved
!
![Page 52: Boots and Shoeboxes](https://reader030.vdocument.in/reader030/viewer/2022021423/58a3d9c31a28ab7f0b8b51d5/html5/thumbnails/52.jpg)
![Page 53: Boots and Shoeboxes](https://reader030.vdocument.in/reader030/viewer/2022021423/58a3d9c31a28ab7f0b8b51d5/html5/thumbnails/53.jpg)
What do I do if something goes wrong?
![Page 54: Boots and Shoeboxes](https://reader030.vdocument.in/reader030/viewer/2022021423/58a3d9c31a28ab7f0b8b51d5/html5/thumbnails/54.jpg)
Check the stacktrace
![Page 55: Boots and Shoeboxes](https://reader030.vdocument.in/reader030/viewer/2022021423/58a3d9c31a28ab7f0b8b51d5/html5/thumbnails/55.jpg)
Check the issues
![Page 56: Boots and Shoeboxes](https://reader030.vdocument.in/reader030/viewer/2022021423/58a3d9c31a28ab7f0b8b51d5/html5/thumbnails/56.jpg)
Or maybe try...
![Page 57: Boots and Shoeboxes](https://reader030.vdocument.in/reader030/viewer/2022021423/58a3d9c31a28ab7f0b8b51d5/html5/thumbnails/57.jpg)
![Page 58: Boots and Shoeboxes](https://reader030.vdocument.in/reader030/viewer/2022021423/58a3d9c31a28ab7f0b8b51d5/html5/thumbnails/58.jpg)
![Page 59: Boots and Shoeboxes](https://reader030.vdocument.in/reader030/viewer/2022021423/58a3d9c31a28ab7f0b8b51d5/html5/thumbnails/59.jpg)
![Page 60: Boots and Shoeboxes](https://reader030.vdocument.in/reader030/viewer/2022021423/58a3d9c31a28ab7f0b8b51d5/html5/thumbnails/60.jpg)
![Page 61: Boots and Shoeboxes](https://reader030.vdocument.in/reader030/viewer/2022021423/58a3d9c31a28ab7f0b8b51d5/html5/thumbnails/61.jpg)
Check the #-fastboot channel