Server Rendering Single Page Applications For Every Framework

Transcript

1. Server Rendering Single Page Applications For Every Framework Clarence Leung (@clarler) Engineer, YUI and Mojito, Yahoo
2. Single Page Applications! Slick transitions! No page refresh! JSON everywhere!
3. But you broke the web.
7. “That’s fine, everyone has JavaScript enabled nowadays.”
8. But you’re losing out on performance.
9. Isomorphic JavaScript Frameworks The Noun Project attribution: - “Server” designed by aLf - “Browser” designed by Fernando Vasconcelos 1. Fetch and cache: JSON 3. App navigation: JSON App Server API Server 2. Initial render: HTML Browser
10. Isomorphic JavaScript Frameworks
11. Breaking it down: Data rehydration Template sharing Route sharing
12. Our micro-libraries: Express State Handlebars, Dust, etc. Express Map
13. Build isomorphic applications regardless of template engine or client-side framework.
14. Thanks! npmjs.org/browse/keyword/modown See what we’re doing at: Questions? Feel free to get in touch: @clarler on Twitter @clarle on GitHub