Use a model library

[toolness]

We might want to consider using a "real" library for managing models and collections, e.g. Backbone.Model or ampersand-model, rather than doing things the ad-hoc way that we're currently doing.

Potential benefits:

• Right now our ad-hoc mechanism updates the entire collection of Clubs wholesale; there isn't any way, for instance, to update only one Club or do pagination. Some model libraries could give us this functionality "for free". Maybe.
• Our current mechanism doesn't trigger optimistic updates, which might be useful for responsiveness/latency compensation.

[toolness]

Another option is to look into React's own Flux application architecture.

[toolness]

Update: the Flux application architecture doesn't really specify a particular way of storing models. And there's a new series of training videos on how to combine React with Ampersand.js and a number of other technologies.