Backbone Resources

Start at the source:


Simple code samples to start


Data binding:

Local Storage


Put a little Backbone in your WordPress (presentation)

Backbone (and Underscore!) are bundled with WordPress – explore how you can leverage their power to deliver complex user experiences while keeping your code organized and maintainable.
First, we will explore why Backbone is awesome, and what it lets you create is amazing! We will look at some examples of where and how it is used to power web apps and increasingly large areas of the WordPress dashboard. Seeing these incredible user experiences built in Backbone will help get you excited about using Backbone in your next project.
Next, we will dig into Backbone fundamentals to get a crystal clear understanding of the fundamental concepts underlying Backbone applications: Models, Views and Collections. We’ll look at how these tie to templates, events and routes for rendering, interaction and state handling. We discuss using Backbone in themes and plugins: how to include Backbone, how to interact with the back end to get and put data, including using the new WP REST API. We will cover WordPress specific helper functions that help our Backbone projects.
Finally, we will explore several very simple Backbone applications that demonstrate interacting with WordPress using the Rest API.

Updated Asheville presentation:

Download the presentation.


Backbone is Awesome!

[seoslides embed_id=”6bd0c650fcad” script_src=”” overview_src=”” title=”Backbone is Awesome!” site_src=”” site_title=”” /].

Backbone Posts Page (proposal)

A Backbone.js version of the posts page.

Features include:

  • Live (or “instant”) filtering for categories & tags, including select2 integration for easier tag/category picking
  • Live search with suggestions; date pickers for date filtering
  • A scrollbar with dynamic loading (pagination optional)
  • Responsive design, resizable columns
  • Live switching to display of excerpts
  • Live updating of post and comment counts
  • Compatibility with all existing hooks


backbone-posts mockup

  1. Live updating of post counts
  2. Live search
  3. Bulk actions take effect immediately (no page refresh)
  4. Dates range with pickers, Category and Tag filtering with select2, dynamic loading
  5. Both view modes supported (with or without excerpts)
  6. Live pagination
  7. Edit opens to exiting edit page
  8. Live updating of comment counts (heartbeat)
  9. Lazy load scrollbar
  10. All hooks remain in place, pass data from PHP


What’s New in Revisions for WordPress 3.6

The All New Revisions UI and numerous bug fixes!

Getting to the revisions screen is easier than ever with a new link in the Publish meta box.
Getting to the revisions screen is easier than ever with a new link in the Publish meta box.

The revisions system in WordPress has been given a complete overhaul in the new (upcoming) Version 3.6 of  WordPress.  The new version of revisions patches several longstanding bugs and issues with the revisions system and introduces a slick new user interface for viewing and comparing revisions.

The new interface uses a scrollbar and features two modes – a single handle mode where each revision is displayed indicating whats changed in that revision, and a two handled mode where users can compare any two revisions stored in the system and see whats changed between them. Significant effort was put into making the process as fast as possible, and the JavaScript interface means it’s quick to find the revision you are looking for and restore it.

The revisions interface focuses on two primary use cases: undoing mistakes by finding the last correct revisions, and reviewing changes as part of an editorial workflow. To improve these uses, a completely new UI was created, and numerous bugs were fixed.

Highlights of  new Revisions features for WordPress 3.6

The new slider with meta info helps you find the revision you need fast!
The new slider with meta info helps you find the revision you need fast!
  • Revisions Rewrite using Backbone.js – this complete reworking of the way users interact with the stored revisions combines immediate screen updates with a scroller that makes exploring revisions quick and easy. Massive effort was put into refining, testing and improving the system – it allows rapid scrobbing through up to hundreds of revisions. Quickly locate the revision you need and restore it; also allows comparing of any two revisions – no more clicking and waiting to see a comparison, just scroll through to find the revision you need – #23497
  • Store a copy of the current post data as a revision – keep the revisions data current – previously only the previous save was stored as a revision, now the current save is stored as a revision. #16215
  • Filter to override WP_POST_REVISIONS (or define it later) – allows you to disable or set the number of revisions allowed on a per site basis setting on a multisite install – #22289
  • Pass post ID to post revision field filter – #19932


What’s Fixed in Revisions for WordPress version 3.6

Previous versions of WordPress had several problems with the revisions system that have been corrected in the 3.6 release. The following significant bugs were addressed in this release cycle:

  • Duplicate autosave/revisions clutter the database (because revisions are saved even if nothing has changed) – #9843
  • Extra revision created every time a new post is inserted – by the first time you published a post, there were already two revisions – #24708
  • Restoring post revisions does not update _edit_last – now the revisions system tracks who last restored a post revision – #20982
  • Post Revision history displays the incorrect author – the old system stored a revision before updating a post, yielding bad data that 3.6 corrects. #16215


Revising WordPress Revisions

I became involved in the WordPress revisions rewrite in January of 2013. Rewriting the revisions and polishing the feature took up almost half a year to complete!

Find out how we crafted, coded, tested, recoded and shipped revisions for WordPress 3.6.

Here is a preview of my slideshow:

[seoslides embed_id=”61ebf3e9b10c” script_src=”” overview_src=”” site_src=”” site_title=”” title=”revising-wordpress-revisions-2″ /]

Here are the links from the slideshow:

The original system – introduced in WordPress 2.5.1
Codex Article –
Rewrite priorities –
The big rewrite ticket –
Create many revisions test script –
Revisioning of Post Meta –
Revisions component in Trac –