An Update on FastBoot

Slides from my Ember NYC talk on January 28th, 2016 about Ember server-side rendering with FastBoot.

Transcript

1. FastBoot
2. Progressive Enhancement for Ember
5. “Server-Side Rendering”
6. “Server-Side Rendering” is just the start
7. Server-Side… • Rendering • Routing • Model Fetching • Serialization • Logging • Authentication
8. Other libraries have “server-side rendering”
9. FastBoot is server-side rendering for the 99%
10. Ease of Use
11. $ ember install ember-cli-fastboot Installation
12. $ ember fastboot Development
13. Deployment
14. Architecture
15. Requirements • No PhantomJS buggy, slow, massive memory consumption • No jsdom slow, compatibility quirks • Concurrent
16. HTTP/HTTPS
17. Ember App
18. Ember App App Instance App Instance
19. Constraints
20. Constraints • No jQuery • No DOM • No globals • No shared state • No browser-only APIs
21. Universal JavaScript
22. Isomorphic
23. ember-network github.com/tomdale/ember-network
24. import Route from "ember-route"; import fetch from "ember-network/fetch"; export default Route.extend({ model() { return fetch('https://api.github.com/users/tomdale/events') .then(function(response) { return response.json(); }); } });
25. node-fetch.js whatwg-fetch.js FastBoot browser fetch.js
26. Deployment
27. Ease of Use
28. Deploying to AWS
29. Demo
31. IAM Roles Instance Profiles ElasticBeanstalk Environments S3 Buckets Bucket Policies Autoscaling Groups
33. What You Can Do
34. bit.ly/help-finish-fastboot
35. FastBoot only works if the community rallies around it
36. Test Your Apps Test Your Addons
37. Fast Load SEO Friendly Mobile Friendly Rich Interactions Offline Fast Navigation progressive enhancement JavaScript
38. Fast Load SEO Friendly Mobile Friendly Rich Interactions Offline Fast Navigation +
40. Thank You
41. Questions?
42. SHIRT Suitsupply TROUSERS Ted Baker TIE Hermès SHOES Allen Edmonds SOCKS Slack