Pre-rendering single page app
Download as PPT, PDF0 likes511 views
This document discusses pre-rendering apps for faster response times, SEO benefits, and support for slower devices. It describes two approaches: using Node.js with HTML parsing and JSDOM libraries, and Rendr, an open-source library from Airbnb that allows Backbone.js apps to run server-side using Express. Rendr replaces Backbone classes and standardizes rendering processes. The document provides instructions for migrating views and controllers to Rendr and setting up an Express app with a rendering configuration. Examples and additional resources are listed.
Pre-rendering single page app
- 2. What is the point? • Faster response (eg. Time to tweet) • SEO • Better support slower devices
- 5. Creating Service • Include all libs in node • html5 to html parsing • jsdom to fake dom structure
- 7. About Rendr Rendr is a small library from Airbnb that allows you to run your Backbone.js apps seamlessly on both the client and the server
- 8. Environment • Works server-side using express(node framework) • Replaces all Bacbkone.* with own classes like : BaseView <-> Bacbkone.View • Standardised process of rendering. Added server/client methods
- 9. Lets start
- 10. Migrating - view • Delegate every operations on dom to postRender() • Don’t override render() • Create BaseAppView for root View
- 11. Migrating controller • Render one view • Pass fetched models to view
- 12. General • Create express app • Create config of render