Ember At Scale
0 likes1,355 views
This document describes the evolution of Ember from 2013-2014 as the JavaScript community moved to solve problems of software rot and complexity. It outlines Ember's approach to build a base page renderer and prefetching system to deliver apps at scale, as well as how Ember apps are served using a multi-process architecture with a base page controller and renderer instances.
![Such Web Scale
API Server
Ember App
linkedin.com/profile/123
BPRAPI Server
Ember App
Browser
appInstance.visit(‘/profile/123’)
[‘/profile/123’, /config/123’]](https://image.slidesharecdn.com/ember-at-scale-final-v1-160330004857/85/Ember-At-Scale-30-320.jpg)
Ad
More Related Content
What's hot (20)
Viewers also liked (13)
![IV. Symposium Change to Kaizen [Broschüre]](https://cdn.slidesharecdn.com/ss_thumbnails/broschuere4-150620085128-lva1-app6891-thumbnail.jpg?width=560&fit=bounds)
Ad
Similar to Ember At Scale (20)
Ad
Recently uploaded (20)
Ember At Scale
- 5. @chadhietala
- 6. THIS IS OUR STORY
- 7. 2013
- 10. WHAT YEAR IS IT?
- 11. “If it ain’t broken don’t fix it.” - Someone not in the Javascript community
- 12. 2014
- 13. SOFTWARE ROT
- 16. CONSIDERATIONS
- 18. LESS IS MORE
- 19. CHANGE IS THE CONSTANT
- 21. SOLVING PROBLEMS
- 22. INITIAL RENDER
- 24. BIG PIPE
- 25. Server Server STORE AND FORWARD CHUNKED ENCODING NETWORK BOUNDARY
- 26. BPR Such Web Scale API Server Ember App Browser
- 27. Such Web Scale API Server Ember App linkedin.com/profile/123 BPRAPI Server Ember App Browser
- 28. <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>LinkedIn : Profile</title> <link href=“app.css” rel=“stylesheet” type=“text/css" /> </head> <body> <script src=“vendor.js”></script> <script src=“app.js”></script> Such Web Scale API Server Ember App linkedin.com/profile/123 BPRAPI Server Ember App Browser
- 29. Such Web Scale API Server Ember App linkedin.com/profile/123 BPRAPI Server Ember App Browser appInstance.visit(‘/profile/123’)
- 30. Such Web Scale API Server Ember App linkedin.com/profile/123 BPRAPI Server Ember App Browser appInstance.visit(‘/profile/123’) [‘/profile/123’, /config/123’]
- 32. TRADITIONAL EMBER APP WITH EMBER-PREFETCH
- 33. Such Web Scale { data: {…} }API Server Ember App linkedin.com/profile/123 BPRAPI Server Ember App Browser appInstance.visit(‘/profile/123’)
- 34. <code id=“bpr-guid-3243243”>{"data&uote;:{…}}</code> <script class=“bpr-response”> _bpr.response({ request: ‘/profile/123’, status: 200, body: ‘bpr-guid-3243243’}) </script> Such Web Scale API Server Ember App linkedin.com/profile/123 BPRAPI Server Ember App Browser appInstance.visit(‘/profile/123’)
- 37. SERVING THE APP
- 38. JVM Such Web Scale Base Page Controller Renderer Instance Process Manager Instance Channel Channel Node API Proxy Ember Renderer Ember App linkedin.com/profile/123 Instance
- 39. JVM Such Web Scale Base Page Controller Renderer Instance Process Manager Instance Channel Channel Node API Proxy Ember Renderer Ember App linkedin.com/profile/123 Instance
- 40. JVM Such Web Scale Base Page Controller Renderer Instance Process Manager Instance Channel Channel Node API Proxy Ember Renderer Ember App linkedin.com/profile/123 Instance
- 41. JVM Such Web Scale Base Page Controller Renderer Instance Process Manager Instance Channel Channel Node API Proxy Ember Renderer Ember App linkedin.com/profile/123 Instance
- 42. JVM Such Web Scale Base Page Controller Renderer Instance Process Manager Instance Channel Channel Node API Proxy Ember Renderer Ember App linkedin.com/profile/123 Instance
- 43. JVM Such Web Scale Base Page Controller Renderer Instance Process Manager Instance Channel Channel Node API Proxy Ember Renderer Ember App linkedin.com/profile/123 Instance
- 44. DEPLOYMENTS
- 45. V8
- 48. OH YEA
- 49. linkedin.com/m/ Sorry, for the “Please Download The App” interim :(