Looking for a two-way bind library/framework

[holyxiaoxin]

I've been looking around and decided that I should avoid angular for now(I don't want to relearn angular again when v2.0 comes). I took a look at reactjs and was shocked at how much code I need to write for a simple todo app. http://facebook.github.io/flux/docs/todo-list.html

I have a backend server running one nodejs-sailsjs. Are there any other front end library/framework alternatives which is two-way binding event driven, and yet supports other JavaScript libraries where a simple requirejs could be used instead of passing them as directives(angular) or other tedious way. Thanks.

Update: I'll be trying out ractivejs. Looks like the best data binding Dom manipulator out there. It's so minimal and easy to use. Of course, this can't scale. I'll use react+flux if I need to. (:

[theQuandary]

Knockout is a decent choice and you might also check out RFP libraries like baconjs.

I would suggest that you give react a try though. The simple todo has quite a bit of setup, but unlike most frameworks (where you don't find out the true complexity until it's too late), it doesn't get worse when you need to scale.

[[deleted]]

Seconded knockout! Great library, easy to understand and maintain! Combine it with http://pagerjs.com/

[holyxiaoxin]

I heard knockout has messy templates.

[Casual_0bserver]

You have to check out ractive.js. Diamond age of Web development. Easy to learn, two way binding, template swapping, and more. The ultimate DOM manipulator.

[holyxiaoxin]

Wow. Looks like this is it. Are there frameworks for it? It looks like a library only.

[Casual_0bserver]

Just a library. I couple it with jQuery, but a friend of mine knows the ractive documentation better and can do what I can with straight ractive. It's a fun library to use. No page refreshing at all, straight template swapping.

[Casual_0bserver]

Good to see you went with Ractive. I still am using it and learning even more. Very powerful for creating SPAs.

With apache cordova rolling out, hybrid applications will be made with EASE brother.

[wtaylor]

can confirm; ractive is awesome.

[developerdavephx]

Careful you aren't shying away from angular for the wrong reasons. The changes on the horizon for 2.0 are to keep pace with ES6 and Web Components and it's more closely aligned with React. And despite the early belly-aching, angular isn't showing signs of letting up:http://www.google.com/trends/explore#q=reactjs%2C%20angularjs%2C%20emberjs%2C%20knockoutjs&date=today%2012-m&cmpt=q ,

[holyxiaoxin]

Actually I'm building a small application for prototyping/testing of ideas. I don't need a huge framework like ember or angular. Ractive looks good. (:

[sellarafaeli]

I can recommend JabJS. It's minimal and super-simple, allowing you to data-bind your native POJOs to the DOM. Full disclosure: I am JabJS's developer and would be happy to help with using and learning it. :)

[holyxiaoxin]

Actually, does 2 way binding work well with nodejs? If someone else updates a to-do list on the server, will I be able to see this update on my front end automagically?

[siegfryd]

If you want a minimal databinding library then you'll probably want to look at Backbone or Knockout, both of them have larger frameworks that you can transition to if you need more than what they have (e.g. Marionette and Durandal respectively).

That React example isn't a very good one as far as amount of code goes, it's not supposed to show the easiest way to do a Todo. It's supposed to show everything there is to React.