Create a backwards compat shim for backbone views/human views.

[latentflip]

Suggested by: @whobubble, the two things that are tripping him up transitioning from humanview are a lack of this.$ and this.$el, we've covered this.$ already in the learn page, but a mixin that also updated this.$el would be really useful too.

I think it would be as little code as this: but it's late and it's been a long day :)

derived: {
   '$el': {
     deps: ['el'],
     fn: function () {
       if (this.el) return this.$(this.el);
     }
}

[kamilogorek]

Agree. I guess we could also add some kind of error/info if there's no this.el to not confuse users.

[whobubble]

Created a mixin using the pattern outlined above: https://github.com/whobubble/ampersand-view-jquery-mixin. Not sure about the hard dependency to jQuery, which puts the 2M down although jQuery might already be required somewhere else. I guess it is better to be explicit regarding this dep and incur the risk of jQuery being present in node_modules tree more than once.

[prust]

@whobubble: Thanks for writing this! Our team will use it when we start transitioning apps to ampersand.

incur the risk of jQuery being present in node_modules tree more than once

I was recently surprised to discover that npm won't install a dependency more than once if a matching version is already present in a parent (or grandparent) node_modules folder. This is ok b/c when require() loads from node_modules, it starts in node_modules of the current directory, then tries node_modules in the parent folder, the grandparent folder, and so on until it reaches the root.

So if your jQuery semver string is inclusive enough and matches what's already installed at a higher level, npm won't install jQuery twice. Since the view-jquery mixin itself doesn't need a specific version of jQuery, perhaps "jquery": "*" would be better than what npm --save generates ("jquery": "^2.1.1")?

[whobubble]

@prust: I tested it and it works as you describe it: using "jquery": "*" in the mixin makes npm hold off on downloading jQuery again when any version of it is already present in a parent directory in node_modules. I changed the package.json file and bumped the version. Thanks!

[prust]

@whobubble: you're welcome; I'm glad it worked! 😄

[latentflip]

Going to close this as it's covered pretty well by @whobubble here: https://github.com/whobubble/ampersand-view-jquery-mixin Awesome work all!