An Update on FastBoot

9bf3a766e037b9d5a4da0a6f9d0f4f68?s=47 tomdale
January 29, 2016

An Update on FastBoot

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

9bf3a766e037b9d5a4da0a6f9d0f4f68?s=128

tomdale

January 29, 2016
Tweet

Transcript

  1. FastBoot

  2. Progressive Enhancement for Ember

  3. None
  4. None
  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

  30. None
  31. IAM Roles Instance Profiles ElasticBeanstalk Environments S3 Buckets Bucket Policies

    Autoscaling Groups
  32. None
  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 +
  39. None
  40. Thank You

  41. Questions?

  42. SHIRT Suitsupply TROUSERS Ted Baker TIE Hermès SHOES Allen Edmonds

    SOCKS Slack