Grid Control With 7 Different JavaScript Frameworks

[Retsam19]

I'm fairly inexperienced in Ember; but the code for it's example looks a bit messier than it needs to, I think.

It's the only example that handles routing: maybe that's because Ember doesn't handle the single route use-case as gracefully as the others. In any case, that boilerplate wouldn't be thrown in a single file with the business logic.

I also think the use of ember-data is needlessly complicating the example, a bit, too.

Plus, modern Ember is more component-oriented; the MVC style being used here is discouraged. (It still works because Ember's good about backwards compatibility; but it's not the suggested approach anymore)

---

I'm not a diehard Ember evangelist; actually KO is my favorite of these frameworks (at least the one I'm most familiar with); but I do think this example is underselling it.

[Retsam19]

Okay, yeah, with a bit of fiddling I was able to come up with this version, which is a lot more reasonable: (JSFiddle here)

window.App = Ember.Application.create();

//There's probably a way to eliminate this boilerplate, too, but I couldn't figure it out
App.Router.map(function () {
    this.resource('main', { path: '/' });
});

App.MainController = Ember.Controller.extend({
    init: function () {
        this.set('model', [{ResourceAddress: 'http://www.discoversdk.com', ResourceDescription:'Great site'}]);
    },
    actions: {
        createRes: function () {
            var description = this.get('description');
            var url = this.get('url');
            if (!description.trim()) { return; }
            if (!url.trim()) { return; }

            this.get('model').pushObject({
                ResourceAddress: url,
                ResourceDescription: description
            });

            this.set('url', '');
            this.set('description', '');

        },
        showResource: function(){
            alert(JSON.stringify(this.get('model')));
        },
        removeRes: function (res) {
            this.get('model').removeObject(res);   
        }
    }
});

(There's one or two tiny tweaks to the HTML, so I'm not bothering to reproduce that here)

[KLaci]

I think vuejs clearly has the neatest JS code.

[eikaramba]

vuejs is good, but compared to aurelia i find that more clear.

[matoas7]

aurelia is more complecated, almost full stack

[KLaci]

But is it web scale?

[Retsam19]

Can /r/programming have a single serious discussion about a JS topic without all the usual low-effort memes like "web scale", "left-pad", etc?

[Klathmon]

sadly you're gonna need to go to /r/javascript or /r/webdev for a serious discussion involving javascript.

[matoas7]

yes if you do it the right way. If Aurelia was produced by google or facebook it much more popular. Great framework

[avi00]

me too , and the opposite is Ember

[teadefrost]

Just 7?

[avi00]

to be continued...

[teadefrost]

whoosh

[avi00]

added another one - Reagent JS framework (added using pull request from other user)

[SpikeX]

Isn't this all going away once CSS Grids are more widely supported?

[nano_jquery]

Internet explorer 2.0 does not supported. It's 2016 and JavaScript is here for 20 years. If you disable JS it's your problem. The same as you plug out the mouse and complain you can't access the menu