Extending jQuery widget components

Assuming we wish to extend the redirectUrl component instead of replacing it completely, we can do so in a similar fashion. The entry in our requirejs-config.js remains the same, whereas the difference lies in how we edit our redirect-url.js file:

define([
 'jquery',
 'jquery/ui',
 'mage/redirect-url'
], function ($) {
 'use strict';
 $.widget('magelicious.redirectUrl', $.mage.redirectUrl, {
 /* Override of parent _onEvent method */
 _onEvent: function () {
 // Call parent's _onEvent() method if needed
 return this._super();
 }
 });
 return $.magelicious.redirectUrl;
});

Using the _super or _superApply is a jQuery widget way of invoking methods of the same name in the parent widget. While this approach works, there is a more elegant solution called mixins.

The Magento mixins for JS are much like its plugins...