This is a beta release of documentation for Magento 2.4, published for previewing soon-to-be-released functionality. Content in this version is subject to change. Links to the v2.4 code base may not properly resolve until the code is officially released.

JavaScript Developer Guide

Introduction

By default, the Magento application uses the RequireJS file and module loader to optimize the time of loading pages with included JavaScript files, and to manage dependencies of JavaScript resources.

You can follow the same approach when customizing Magento JavaScript, or disable all the default scripts and their load by RequireJS.

For information about how JS resources are located and configured, see the JavaScript resources topic in the Configuration Guide.

What’s in this guide

Topics of this book describe the following:

JavaScript automatic testing is described in a separate JavaScript unit testing topic.

Terms used

Term Description
JavaScript component (JS component) Any separate .js file decorated as AMD module.
Ui component JS component located in the Magento_Ui module, in the app/code/Magento/Ui/view directory, or JS component that extends files from this module.
jQuery UI widget A JS component/widget provided by the jQuery UI library used in Magento.
jQuery widget Custom widget created using jQuery UI Widget Factory and decorated as AMD module. Many Magento JS components are the jQuery widgets.