Hot on the heels of Commerce Bug 3.2.0, Pulse Storm has just released Commerce Bug 3.2.1. This is small but important release that adds region debugging into the KO Scopes tab. These are the regions we talked about here last week. Free and recommended for all Commerce Bug 3 users – especially if you’re dealing with Checkout [...]

I thought I’d finished up with UI Components, but then I started investigating the checkout application and stumbled across regions. In the aforementioned UI Components series, we learned that a “UI Component” is a nested tree of RequireJS modules and KnockoutJS templates which a programmer can use as an HTML [...]

The Curious Case of Magento 2 Mixins Don’t let the title fool you – this article (from me) will teach you how to safely hook into the instantiation of any RequireJS module in Magento 2. This, in turn, enables all sorts of things including safe javascript rewrites/monkey-patching.

This entry is part 4 of 6 in the series Magento 2: Advanced Javascript. Earlier posts include Magento 2: Javascript Init Scripts, KnockoutJS Primer for Magento Developers, and Magento 2: KnockoutJS Integration. Later posts include Knockout Observables for Javascript Programmers, and Modifying a jQuery Widget in Magento 2. We’re [...]

Magento 2 Tool Chain I’ve learned to accept, in my head, that this sort of over complication always happens when the size of the team maintaining an application or system grows. That said, I’ll never quite understand why in my heart.

A technical guide to the Magento 2 checkout A deep dive (written by Inviqa) on the javascript checkout application in Magento 2. A nice companion to my UI Components series — the Inviqa article has some application specific details that will be useful to any developer customizing the checkout flow. (hat tip to Joe Constant)

Magento 2 uiClass Imports and Exports Explained I’m working on my own version of this as we speak, but the Jessie Maxwell does a nice job of breaking down the imports and exports feature of Magento’s UI Components.

Our last article covered Magento's implementation of ES6 template literals. Near its end, we started to bump up against some features (the defaults array) of Magento's UI Component focused classical-style object system. Before we can get to UI Component data sources, we'll need to

Today we need to take a small detour into ES6 template literals. Template literals are a newish javascript feature that Magento 2's UI Component system ends up leaning on for some key pieces of functionality. They're an important concept to understand by themselves, but