Introduction to Airbnb's Rendr
summary
Library called Rendr renders Backbone apps on both client and server so the initial page is server HTML and subsequent navigation is client-side pushState. It replaces Rails with Node/Express, uses Stitch to share CommonJS modules, Handlebars for templates, and a view hydration step that scans data-view attributes to reattach Backbone views without re-render flicker. Bootstrapping passes model JSON to the client, caching is in-memory per page, and the mobile site runs in production behind three servers. Express middleware hosts the integration.
AI-written summary · about
chapters (28)
- 0:00Intro
- 0:20Introduction
- 0:40History Lesson
- 1:45MVC Frameworks
- 3:00Issues
- 3:55No Silver Bullet
- 4:12The Holy Grail
- 6:09Frameworks
- 8:02Mobile Website
- 10:24Design Goals
- 14:23Routers
- 15:05Directory Structure
- 15:45Application Directory
- 16:35Stitch
- 18:06Express Server
- 22:54Fetch
- 25:11View
- 26:19View Template
- 27:11Render Methods
- 28:25View Hierarchy
- 29:40View Hydration
- 31:36View Class
- 33:33Routing
- 35:10Lazyload
- 36:53Future plans
- 38:32Caching
- 42:22Other libraries
- 43:45More code
related talks
28mBuilding in Rails, Backbone, and CoffeeScript
54mTaking JavaScript Seriously with Backbone.js
40mUsing Backbone.js with Rails: Patterns from the Wild
30mReact: Rethinking best practices
05mPatrick Mulder (Fidor Bank) interviewed at Fluent 2014
23mJSConf 2015 Peter Piekarczyk
34mTaming Server Rendered JavaScript
38mEmbrace the frontend revolution