Frustrated by Magento? Then you’ll love
- Magento 2: Introducing UI Components
- Magento 2: Simplest UI Component
- Magento 2: Simplest UI Knockout Component
- Magento 2: Simplest XSD Valid UI Component
- Magento 2: ES6 Template Literals
- Magento 2: uiClass Data Features
- Magento 2: UI Component Data Sources
- Magento 2: UI Component Retrospective
- Observables, uiElement Objects, and Variable Tracking
- Magento 2: uiElement Features and Checkout Application
- Magento 2: Remaining uiElement Defaults
- Magento 2: Knockout.js Template Primer
- Magento 2 UI Component Code Generation
As the year wraps up we’ve got another quickies meta-post for you. We first covered Magento’s Knockout.js templates in our KnockoutJS Integration article. At the time, we glossed over the fact that these template are actually an extension of the standard Knockout.js templates. Magento’s core team have added a number of custom nodes and attributes to these templates that wrap standard Knockout.js data-bind attributes and tag-less bindings.
While we still don’t have a from scratch tutorial on this new system (there’s too many differences in the Magento 2.0.x and 2.1.x branches to make this a straight forward article), I’ve written a number of quickies posts on the subject that serve as an quick-start/cramming primer on these templates. The UI Component series didn’t feel complete without this, so here they are.