Loki Components

The Loki_Components module makes it easier for Magento developers to create complex UI components based on Alpine.js (and possibly TailwindCSS if that's your preference). It does so by automatically adding Alpine.js bindings to a block (defined in the XML layout). It offers reusable Alpine.js component structures, frontend & backend validation and filtering. And it allows one single AJAX call to update multiple HTML elements on the page, making the entire experience extremely fast.

Sources: https://github.com/LokiExtensions/Loki_Components

Current examples of Loki Components

• All components in the Loki Checkout;
• All grids and forms of Loki Admin Components;
• And there is more to come

We are available for hire

If you want this to work for your shop, send us (Yireo) a mail at info@yireo.com. We are happy to discuss the options of upgrading your Luma shop.

In this section

• Introduction to Loki Components
• Installation
• Component definitions
• A simple component
• Adding a `ComponentRepository`
• Adding a `ComponentViewModel`
• Component filters
• Component validators
• Build a modal popup
• Alpine structure of LokiComponents
• Adding messages
• Renderer variables
• Architecture
• Component FAQ