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.

1. Pre-rendering apps
Michał Koźmiński<michal.kozminski@gmail.com>

2. What is the point?
•
Faster response (eg. Time to tweet)
•
SEO
•
Better support slower devices

4. Attempt 1
Using node

5. Creating Service
•
Include all libs in node
•
html5 to html parsing
•
jsdom to fake dom structure

6. Attempt 2
Rendr

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

13. Materials
•
Examples:
https://github.com/michalkozminski/DRUG-51
•
http://nerds.airbnb.com/weve-open-sourced-rendr-run
•
http://nerds.airbnb.com/slides-and-video-from-spike-b
•
https://github.com/airbnb/rendr

14. Thanks for watching