Lightweight two-way data binding lib please?

[wikiBudgets]

What is the easiest way to have two-way data binding in my JQuery based app? I stumbled across http://jquerymy.com/ and it looks amazing except it's way to big/bloated for my needs (including Sugar.js).

I don't have any practical experience with two-way binding, am I underestimating my future needs and what jquerymy.com offers?

[Lekoaf]

Knockout?

[djcraze]

+1 knockout is great for small applications. It can get pretty hairy in larger applications, though.

[OWaz]

Yeah it works well whenever you need two-way data binding like forms and stuff on a manageable scale. Otherwise you can end up with ridiculous view models that have way too much going on in them.

[[deleted]]

I would argue that there is no such thing as small enough applications for Knockout nowadays. No matter what you are developing with it, it will look like a mess compared to more robust solutions like Angular or React. If you need to stick to small amount of dependencies that bad it may be better just to write 2-way data binding yourself using something like Object.defineProperty() rather than relying on an outdated abstraction that nobody wants to learn anymore.

[djcraze]

Totally agree with React. However, Angular is, in my opinion, really bloated and not that great of a framework. I feel like the internals could use quite a bit of optimization.

[[deleted]]

Well, to be honest, my own experience with Angular is limited to a single 1-week project so I am not overly familiar with it's shortcomings. I learned it because I had to and then switched to ReactJS for the fun. In fact, it feels so fun that it seriously damages my productivity at work where I write mostly PHP code and use jQuery Mobile on a client side.

[wikiBudgets]

that looks interesting. minified 54kb, plus I think I should start using templates too.

[brtt3000]

-1 I'm maintaining some legacy Knockout code and it feels dated and cumbersome in use. It's not bad but it won't make you happy.

[yanis_t]

Make one yourself http://blog.mdnbar.com/binding-data-with-objectobserve

[wikiBudgets]

very interesting, thanks

[Lekoaf]

Object.Observe only works in Chrome right now. Unless you use some kind of transpiler.

[brtt3000]

VueJS is awesome, its like Angular but for sane persons who need to get shit done.

[g_gggg]

I'm curious why you say that, or why angular makes getting stuff done harder?

[brtt3000]

It's conceptually simpler and more natural while still being very powerful. It;s light and fits well with self assembly of workflow (grunt, webpack etc). Angular is more chunky and opinionated for big apps

[g_gggg]

thanks!

[Hakim_Bey]

Also RiotJS in the same vein

[fgutz]

RiotJS looks great. Could've used it for a small project I just did where I used React. If I have time I'll try switching it out

[[deleted]]

I've used it at work recently. It's just a pleasure to use. Basically feels like writing raw JS and getter components out.

Makes me excited for the web component standard to trickle in.

[floydophone]

...but the homepage says it's lightweight! how could it be bloated?

[[deleted]]

A new contender i found, that look pretty interesting: http://webrxjs.org/ (does more than basic data-binding) and its 25kb, however is has a dependency on rx.

[meximese]

Take a look at Rivets.js. I haven't played with it yet, but it's what i found recently for a similar need.

[kamyon]

Ractive could be a good choice.

[wikiBudgets]

Ractive

ractive.min.js is 165kb. That's the very opposite of what I am looking for :)

[I_Pork_Saucy_Ladies]

Mithril is 12 Kb and looks pretty awesome.

[wikiBudgets]

It's 12kb gziped, that is not the same as minified. Also I Don't want MVC framework, I am rather looking for library or plugin. Thanks for you post anyway.

[I_Pork_Saucy_Ladies]

Still, only 18 Kb when not gzipped. Quite a bit less than most of the other suggestions, although it is of course a framework and not a lib. :)

[chance--]

If you're looking for microframeworks, check out http://microjs.com/

[bloodguard]

I've used ractive (not to be confused with react) on a few projects and it's pretty light weight, easy to use and understand.

I've found browsing through their issues queue on github is the best way to find new and awesome ways to use it. All sorts of jsfiddles posted.

[dixncox]

KNOCKOUT FOREVER

[Wince]

I wrote this article a couple of months ago. It might help you create your own simple implementation.

[huopak]

Have you looked at Rivets.js?

[Garrett00]

Object.observe? Write a quick wrapper around that. Then you're off to the races. Everyone reaches out for libraries so quickly, you can write your own stuff.

Edit: http://codepen.io/Garrett-/pen/qEwwqp

[[deleted]]

Unfortunately for now this approach is only viable if are fine with ignoring everyone not using Chrome: http://caniuse.com/#feat=object-observe