Custom React Components - Introduction

Modern frontend applications are built from small, reusable components that can be combined to create rich, interactive experiences. While building your own components from scratch offers complete flexibility, it can also be time-consuming to ensure they are consistent, accessible, and aligned with Liferay’s look and feel. With Clay, Liferay’s component library, you can accelerate development, maintain a consistent user experience, and make custom extensions feel native to the platform.

In this module, you’ll learn how to develop custom components that not only follow React best practices, but also integrate with Liferay’s design system.

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

• Design web components that are encapsulated, reusable, and composable.

• Manage the props, state, and events of React applications within client extensions.

• Customize out-of-the-box Clay components to fit your solution’s specific needs.