An Update on FastBoot

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