umbrella

nd old Android browsers from your supported UAs or can deal with any issues that crop up individually [3] again, if you can afford to drop support for legacy UAs

Keep going a bit like that, until you realize you are basically reinventing jQuery but pretty badly, undocumented, and untested. Add a couple of very nice-to-haves, like chaining (instead of nesting in these examples above) and prototypes and that's what Umbrella JS is, very thin methods to manipulate the DOM and handle events. In fact, compare our "addClass" implementation in this comment to Umbrella's addClass[2], it's almost the same size but hundred times more flexible: // Add class(es) to the matched nodes u.prototype.addClass = function () { return this.eacharg(arguments, function (el, name) { el.classList.add(name); }); }; [1] https://youmightnotneedjquery.com/ [2] https://github.com/franciscop/umbrella/blob/master/src/plugi...

ngs, so the only way to maintain the current exact behaviour is to have the current exact code, hence you cannot just migrate it over.

testing while Umbrella has 2234 LOC, a 3.3x improvement. Not only that, but Umbrella has a public testing page so you can test it in any browser you want: https://umbrellajs.com/tests Cleaner code in Umbrella. If you want to modify any method, it will be self-contained in `src/plugins/NAME/`. In there you will find the relevant documentation displayed from the readme.md, the relevant tests and the actual code. To modify Cash's addClass you'd have to chase down the code [5], the tests [6] and the documentation [1] while in Umbrella you'd only need to go to the plugin folder [7] More methods in Cash. This is the one I've seen that seems nicer, since it supports many more methods. Still, Umbrella's objectives is to be the minimum useful set. .insert() is enough and there's no need for .insertBefore() IMHO, but that's just different opinions. Some people prefer to have the choice, so this one is for Cash. Extra useful methods in Umbrella. .handle() is the common pair of .on() + e.preventDefault(). .size() returns an object with the size of the element like { width: 20, height: 20, top: 10, ... }. Better methods in Umbrella. Examples: .append(), .prepend(), etc will clone events and values (if any) from the DOM. More functions accepted as arguments. [1] Cash docs: https://github.com/kenwheeler/cash#fnaddclass- [2] Umbrella docs: https://umbrellajs.com/documentation#addclass [3] Cash tests: https://github.com/kenwheeler/cash/blob/master/test/index.js [4] Umbrella tests: https://github.com/franciscop/umbrella/blob/master/docs/test... [5] Cash addClass code: https://github.com/kenwheeler/cash/tree/master/src/attribute... [6] Cash addClass tests: https://github.com/kenwheeler/cash/blob/master/test/index.js... [7] Umbrella addClass folder: https://github.com/franciscop/umbrella/tree/master/src/plugi...

low closer to classList behavior than to whatever is defined in jQuery's tests, which is a win-win IMHO (since it also makes for a much smaller size, compare to jQuery's .addClass(name) [2]). [1] https://github.com/franciscop/umbrella/blob/master/src/plugi... [2] https://github.com/jquery/jquery/blob/master/src/attributes/...

ce here and different scenarios warrant for different libraries. * I specify waste since it's probably something you already know and just have to do it; if you're learning it for the first time then it's not wasted at all

ss.