Why Angular, Ember, or Backbone don't work for us.(moot.it)
moot.it
Why Angular, Ember, or Backbone don't work for us.
https://moot.it/blog/technology/frameworkless-javascript.html
8 comments
Thanks. One thing to note that I didn't write my own framework. I just found my own way of structuring things. Apart from a custom event library there is virtually no framework code.
Okay. I admit that we needed to bang our heads with the custom communication library which we use in place of socket.io. But our solution is more than 10 times smaller!! There is a crazy amount of clutter in socket.io, believe me. And it didn't scale for us. And most importantly we didn't want to use the proprietary syntax that goes inside a websocket channel since something as clean as JSON-RPC exists.
Did you look at SockJS? It is far more mature than Socket.IO imo. Follows the websocket spec, does not resort to flash for fallback, supports more fallback methods, and later when websockets are fully supported native you just replace "SockJS" with "Websocket" in your code and drop the library.
Well articulated. If you'll forgive some shameless self-promotion, Ractive (http://ractivejs.org) was born of the same philosophy - programmers shouldn't have to bend their code to the will of a framework, nor should they have to learn a dozen new concepts in order to be productive. It's an alternative to Knockout or React.
Looks good. I can definitely forgive :) Looks like we have similar goals:
> Ractive.js is designed to have as few surprises as possible – no mysterious $scope.$apply()
> Ractive.js is designed to have as few surprises as possible – no mysterious $scope.$apply()
"I want two-way binding only, but I'm forced to take the whole framework. There is too much overhead for me. I hope they will make the data-binding a separate piece and make it simpler."
How about Knockout.js? http://knockoutjs.com/
How about Knockout.js? http://knockoutjs.com/
Looks decent. With a quick look the the binding system looks simpler than in Angular and the docs are not blowing up. They openly love jQuery. Much closer to my taste. I picked up the 3 frameworks on my blog entry because they seemed to be the most talked about. Have to keep an eye on this.
This example from the docs seems quite heavy:
<button data-bind="click: function(data, event) { myFunction('param1', 'param2', data, event) }">
Feels a bit strange to define functions on the HTML code.
<button data-bind="click: function(data, event) { myFunction('param1', 'param2', data, event) }">
Feels a bit strange to define functions on the HTML code.
If you look at the examples above it, they contain references to functions in scope. This particular example demonstrates that you can also do custom binding if you wish. Most often you don't.
I heartily agree. I had a similar experience when researching client-side frameworks within the scope of minimal viable products.
http://minimul.com/should-i-build-an-MVP-using-a-client-side...
http://minimul.com/should-i-build-an-MVP-using-a-client-side...
Neat. Would be super interesting to see what the architecture is like, how the modules are laid out etc.
Use Google CDN hosted AngularJS - it's pretty fast. And size of jQuery is bigger ;P
nice post. Could you go into more detail about the controller snippet? What are you doing after the "// listen to events on model".
When something happens on the topic object (it is expanded, collapsed or someone replies to it) an event is emitted. Here those events are caught and I can do my thing on that moment.
It's similar to jQuery custom events, except that we use our own event system so we can get rid of the DOM specific features – such as the jQuery.Event object.
It's similar to jQuery custom events, except that we use our own event system so we can get rid of the DOM specific features – such as the jQuery.Event object.
But I'm on board with the general concept here and I'm not sold on Ember or Angular - they don't seem to speed up development or prevent bugs as much as they should, per kb downloaded to the client. Sometimes all you need is plain-old jQuery code, with a well thought out and structured API.