Portlets are a Java standard, so you must have a knowledge and understanding of how Java works to write one. This can be quite the hurdle for front-end developers who want to use JavaScript frameworks in their widgets. Thanks to the Liferay JS Generator and liferay-npm-bundler, developers can easily create and develop JavaScript widgets in Liferay DXP using pure JavaScript tooling. The Liferay JS Generator generates JavaScript widgets for Liferay DXP. It is just one of Liferay JS Toolkit’s tools.
Figure 1: The JS Portlet Extender lets you use pure JavaScript tooling to write widgets.
Once you’ve installed the Liferay JS Generator and generated a widget, you can configure instance settings, system settings, and even provide localization for your widget. This section explains how to configure these options for your generated JS widget.