Book Image

Mastering Adobe Commerce Frontend

By : Jakub Winkler
Book Image

Mastering Adobe Commerce Frontend

By: Jakub Winkler

Overview of this book

Navigating the frontend realm of the Adobe Commerce platform can often feel like a labyrinth, given its multifaceted systems and intricate layering. This book demystifies Adobe Commerce frontend development, guiding you through its paths with clarity and precision. You'll learn how to set up your local environment, paving the way for a smooth development experience and navigate the platform's theming ecosystem, exploring layout XML systems and the power of templates. As you progress through the book, you'll leverage an array of JavaScript libraries and frameworks that Adobe Commerce boasts of, with special emphasis on RequireJS, jQuery, Knockout.JS, and UI Components. Additionally, you'll gain an understanding of the intricacies of Adobe Commerce CMS, explore frontend-related configurations in the admin panel, and unlock the secrets of frontend optimization. Practical exercises provided in the book will enable you to create top-notch Adobe Commerce sites that are functional, optimized, user-centric, and a step ahead in the ever-evolving frontend landscape.
Table of Contents (18 chapters)

RequireJS and AC

In the previous chapter, I shared some information about RequireJS. In our platform, this JavaScript library simply serves as the async module loader. It is this feature that tells your browser what JavaScript files should be loaded on each page, and it does so in the background after the page is loaded and rendered. In theory, it is great as only one file is needed to initialize the entire JavaScript on the page.

In practice, the result is that the site is loading hundreds of files, and it takes a moment before the site becomes interactive for the user. This is also a huge problem for SEO as the lower your website score is, the more frustrated the marketing will be as they do believe that a perfect 100 scope is the source of all sales.

While I could dwell and write another book about this topic, let’s not focus on this for now. There is a dedicated chapter in this book about frontend optimization techniques that might help you make better sites on LUMA...