Sample App with Backbone.js and Twitter Bootstrap

[jashkenas]

http://coenraets.org/blog/2012/02/sample-app-with-backbone-js-and-twitter-bootstrap/

[dangrossman]

If this is of interest, you might also check out Bookmarkly, a visual bookmark organizer I open sourced last week. It's node.js on the server and Backbone.js on the client, with a little Twitter Bootstrap in the UI as well.

http://bookmarkly.com

https://github.com/dangrossman/Bookmarkly

[pacomerh → dangrossman]

Nice, these are exactly the two things I wanted to get my hands on.

[nixarn → dangrossman]

That's awesome! How do you handle the screenshots?

[dts]

Hmmm. Any reason all the views and models are attached to the window object instead of namespaced under some kind of app controller?

[danso → dts]

Yeah, as a newcomer to Backbone, this has always been something that's thrown me off, including in the otherwise excellent Todo example: http://documentcloud.github.com/backbone/docs/todos.html

The backbone boilerplate on Github (by tbranyen) has been a useful model to follow: https://github.com/tbranyen/backbone-boilerplate/blob/master...

[VMG → danso]

DocumentCloud (by the creator of Backbone) is also using window-bound variables. Seems to work for them I suppose.

[jashkenas → VMG]

Yes, when you're in control of the page, it's nice to be able to have different parts of your app ready-to-hand. In our case, that means Documents, Notes, Projects, Accounts, Organizations, and so on...

If your "app" is going to be embedded as a part of someone else's page, then you have to be much more careful. The results cards in the sidebar here are only exposed through a single variable: "eg2012.Card":

http://www.nytimes.com/2012/02/08/us/politics/minnesota-colo...

[tbranyen → dts]

There are a number of issues with the project, but I'm assuming it was created this way to be easier to digest for newcomers.

[smcguinness → tbranyen]

Would you point out a few of them if you don't mind?

[hswolff]

That's a nice sample app. My only (small) complaint is that I feel using MySQL is a bit of overkill for a sample application.

To throw my hat in the ring as well I've been working on a Backbone project that could help newcomers to Backbone. I'm in the midst of refactoring it a little bit to use lesscss as well as RequireJS and its module system.

Please feel free to fork or contribute! I love Backbone and JavaScript :D.

https://github.com/hswolff/forgetmenot/tree/dev

[danielhunt]

Having been working on my own (mobile) Twitter Bootstrap & Backbone.js app for the past week or so, the biggest issue I've had has been working out how best to deal with a combination of local & remote collections (and the caching of them, on demand)

The other blog posts from the author of this one have been very useful in getting over some of the initial speedbumps I encountered - and strongly recommend them to anyone looking to get into Bootstrap itself.

[fooandbarify → danielhunt]

I've played a bit with caching models on the client: https://github.com/napoleond/localmodel

I'm planning to implement merges at some point, but the current implementation has still proven useful to me.

[bionicbrian]

Looks awesome.

[Alind]

Thank you for sharing your work. it's interesting. good start, buddy.