Taking JavaScript Seriously with Backbone.js
summary
Backbone.js extracts client-side data and logic out of the DOM so models and collections drive the UI, using models and collections plus Underscore for map/filter and events bubble up to update views. It started inside DocumentCloud (demo shows 105 people entities parsed and lazily loaded), backs production sites like Reuters, Quartz, Stripe and Hulu, supports routers and PATCH, and deliberately stays minimal so apps remain fast, testable and easy to refactor.
AI-written summary · about
chapters (20)
- 0:00Introduction
- 0:17Backbone.js Overview
- 1:21Evolution of JS Libraries
- 3:14DocumentCloud Background
- 7:14Industry Adoption
- 10:16Taking JS Seriously
- 14:03Shifting JS Paradigms
- 17:43The Problem with Spaghetti Code
- 19:15Ideal Client-Side API
- 21:51Models in Backbone
- 23:44Collections and Functional Tools
- 25:53Events for Synchronization
- 28:26Real-time Example
- 34:03Nested Collections & Events
- 36:52Views and Event Delegation
- 39:52Templating and Routers
- 42:44Backbone Philosophy
- 46:16Design Principles
- 50:19MVC and Statefulness
- 51:46Future Roadmap
related talks
30mBeyond the DOM: Sane Structure for JS Apps
47mScaling Backbone.js
40mUsing Backbone.js with Rails: Patterns from the Wild
05mPatrick Mulder (Fidor Bank) interviewed at Fluent 2014
44mModern JavaScript: Moving Beyond jQuery
01h 29mClient-Side UI Smackdown
41mBackbone: 3 Ways
28mBuilding in Rails, Backbone, and CoffeeScript