Way.js
Languages and libraries
javascript data binding library
SHOW HN2014
162points
60comments
#146of 2,272 in 2014
Top 7%of 2014 by points
How HN took it
MixedNo clear lean
3 positive, 10 neutral or asking, 3 mixed, 10 critical, out of 26 comments about the project. Thread score -0.22.
Execution: 0 for, 5 againstIdea: 2 for, 2 againstDesign: 0 for, 2 against
The thread, comment by comment
Each row is a top-level comment and its replies, in HN's order. Select a cell to open that comment on HN.
positive neutral or mixed critical about another commenter or something else the maker
What HN said
What people liked
Simple, lightweight and low overhead
From 3 comments
Looks very nice indeed. Especially like the low overhead. I've been using an alternative, Cortex[1], recently. It's similar, but with a pubsub based eventing system so your…
onion2k on HNLooks very straight-forward. Good job! OT: After building a couple of large applications in Angular I've come to realize that I seldom need two-way bindings. The school example…
Kiro on HNlooks damn fine, less dependencies would be an added bonus
antonwinter on HN
Good job, looks clean
From 2 comments
Great job, i just wish it was at least no dependent on several other libraries including jQuery.
Ronsenshi on HNlooks damn fine, less dependencies would be an added bonus
antonwinter on HN
Objections
Too many dependencies, especially jQuery
From 4 comments
Polluting global scope and a hard dependency on jQuery.. :(
mattdesl on HNGreat job, i just wish it was at least no dependent on several other libraries including jQuery.
Ronsenshi on HNIs it really more painless to add way.js and its dependencies (jquery.js, underscore.js, underscore.json.js, form2js.js and js2form.js) to your page then to simply add a plain…
itry on HNlooks damn fine, less dependencies would be an added bonus
antonwinter on HN
Failed HTML injection test
From 3 comments
I applied to the example here the first test I always make of any things like this: HTML injection. Result: failure. ☹
chrismorgan on HNyup, my go to test name: \_(ʘ_ʘ)_/ "'<!--/*༼ つ ◕_◕ ༽つ caused it to show { "formData": { "name": "\\_(ʘ_ʘ)_/ \"'
cwmma on HNjust this will do: <! will show: { "formData": { "name": "
coolg54321 on HN
Invalid custom HTML attributes instead of data-attributes
From 2 comments
Why use invalid 'way-data'-attributes when there is data-attributes?
sleepyhead on HNWe're still using HTML attributes, and in this case invalid HTML attributes, to add behavior via JavaScript? When are we going to learn :/
rubiquity on HN
Two-way binding questioned as unnecessary versus plain event handlers
From 3 comments
Does anybody have real world examples of websites that use this kind of thing? Im always under the assumption that the old "post data to server, save it there" model still works…
itry on HNWell, you can argue if 5 dependencies and 123 kilobytes of code is much or not. But what does it bring to the table? Your "sub-total" example would just need a normal javascript…
itry on HN> allowing users to enter a filter Wouldn't it be enough to add a keydown event to the field?
itry on HN
Requests
Support for arrays, dates and data formatting
From 1 comment
Maybe I'm just missing something, but is there no way to deal with arrays? You know, like looping through data and displaying things for each of them? (also related: what about…
lhorie on HN
Remove jQuery dependency
From 2 comments
Great job, i just wish it was at least no dependent on several other libraries including jQuery.
Ronsenshi on HNlooks damn fine, less dependencies would be an added bonus
antonwinter on HN
Real-world usage examples
From 2 comments
Does anybody have real world examples of websites that use this kind of thing? Im always under the assumption that the old "post data to server, save it there" model still works…
itry on HN> One possible use case Sure, one can think up use cases. But I never had one. Thats why I asked for real world examples where 2-way-binding libraries are used.
itry on HN
Questions
How does it compare to Rivets.js, Ractive, Cortex or Knockout?
From 3 comments
How does it compare to other framework-agnostic binders such as Rivets.js?
myhf on HNHow do you compare this with ractivejs.org?
dodyg on HNThis is cool but in real world scenarios you need more functionality to make it useful. So far I've been using KnockoutJS where I don't need full-blown MVC and can get away with…
jesalg on HN
How are changes to JS objects detected and reflected in the DOM?
From 1 comment
How does Way.js detect changes made in JavaScript to the values? E.g. if you set a new property to the object, is it reflected in the DOM?
nawitus on HN
Alternatives named
Rivets.js
From 2 comments
How does it compare to other framework-agnostic binders such as Rivets.js?
myhf on HNI would also suggest looking at Rivets (http://rivetsjs.com) which is my current go-to solution for this sort of thing.
matthewmacleod on HN
Knockout
From 2 comments
Has Knockout not worked for you?
dabernathy89 on HNThis is cool but in real world scenarios you need more functionality to make it useful. So far I've been using KnockoutJS where I don't need full-blown MVC and can get away with…
jesalg on HN
Ractive
From 2 comments
How do you compare this with ractivejs.org?
dodyg on HNA cursory glance: ractive uses mustache, way uses HTML attributes. Ractive requires you to actually create the binding, way just leverages that HTML.
nailer on HN
Mithril
From 1 comment
Maybe I'm just missing something, but is there no way to deal with arrays? You know, like looping through data and displaying things for each of them? (also related: what about…
lhorie on HN
Cortex
From 1 comment
Looks very nice indeed. Especially like the low overhead. I've been using an alternative, Cortex[1], recently. It's similar, but with a pubsub based eventing system so your…
onion2k on HN
Angular
From 1 comment
Vue / Ractive / React. I'm not a reactive programming nerd, I just want something simple, and all three of these are implemented so well.
nailer on HN