Before you begin

It is important that you meet the prerequisites to successfully and seamlessly customize the micro front-end architecture-based user interface.

The Angular version that Sterling Store Engagement uses is regularly upgraded so that the user interface is on the supported or most recent Angular version.
After the application UI is upgraded, you must upgrade your user interface customizations to the most recent or supported Angular version. For more information, see Angular versioning and releases.
It is assumed that you have adequate understanding of web technologies such as HTML, CSS, JavaScript, Ajax, and JavaScript frameworks and libraries, such as Angular.
For more information about corresponding web technologies, see the following hyperlinked documentation.
For more information about setting up a development environment, see Setting up a local instance for development from developer toolkit.

For the internal development environments, the Microsoft Visual Studio Code integrated development environment (IDE) is used.

Note: You can use any other IDE or development tools of your choice. However, it is recommended that you use the Microsoft Visual Studio Code IDE to have a similar development experience as that of the application developers.
As a best practice, when you override the application-provided screens, ensure that your custom code is enclosed within comments as demonstrated in the following example. This approach simplifies maintenance when merging application-provided code changes with your extensions in future releases.
```

    // Custom code goes here

```