Mastering Liferay Frontend Client Extensions

Implementing Custom UIs and Widgets with Custom Elements - Introduction

Modern web developers face the significant challenge of creating scalable, efficient solutions to meet the demands of increasingly complex, resource-intensive applications. This challenge is especially evident in frontend development. The micro frontend approach enables developers to break down large applications into smaller, more modular units.

Liferay has long supported the implementation of frontend solutions in the form of widgets. However, because widgets are managed entirely within the Liferay portal container, they lack the true modularity needed for micro frontend development. Now, developers can leverage the decoupled nature of the client extension framework to implement custom user interfaces with Liferay. Custom element client extensions enable developers to integrate external web component applications as page widgets and use them seamlessly alongside native platform functionality.

Implementing Custom UIs and Widgets with Custom Elements.

Clarity's new ticket management app has already been enriched with its legacy data through batch client extensions. To make this data available to users, the next step involves developing a user-friendly interface to access this data. In this module, you'll leverage custom element client extensions to build this micro frontend functionality for Clarity, enabling users to retrieve, filter, and display ticket data.

By the end of this module, you’ll have the knowledge and skills to

  • Understand the architecture and anatomy of custom element client extensions
  • Build and deploy a custom element client extension to retrieve and display data.
  • Enable third party integrations by implementing custom elements as remote applications.
Loading Knowledge

Capabilities

Product

Education

Contact Us

Connect

Powered by Liferay
© 2024 Liferay Inc. All Rights Reserved • Privacy Policy