Expand my Community achievements bar.

Dive into Adobe Summit 2024! Explore curated list of AEM sessions & labs, register, connect with experts, ask questions, engage, and share insights. Don't miss the excitement.
SOLVED

AEM react - Content/Experience Fragment Component

Avatar

Level 3

How to extend the Content/Experience Fragment Component from wcm core components? Is there a tutorial or a repo that explains how to go about doing so?

1 Accepted Solution

Avatar

Correct answer by
Community Advisor

@goonmanian-gooner Basically if the OOTB model of core component is not providing you the functionality as per your requirement, you can override it using delegation pattern. 

Refer this link which explains the concept nicely

https://levelup.gitconnected.com/aem-extend-core-component-models-using-resource-type-association-an...

 

View solution in original post

4 Replies

Avatar

Community Advisor

Yes @goonmanian-gooner there is a repository and tutorial that explains the concept of how to extend core components and it should be applicable for all.

Document : https://experienceleague.adobe.com/docs/experience-manager-learn/getting-started-with-aem-headless/s...

Repository with Samples : https://github.com/adobe/aem-guides-wknd-spa/tree/React/latest

High Level Steps :

  • Inheritance with Sling Resource Super Type
  • Extend dialog
  • Implement SPA Component
  • Add Java Interface and Implement Sling Model

 

@Sachin_Arora_ Hi I have created 

  • Inheritance with Sling Resource Super Type
  • Extend dialog
  • Implement SPA Component

But do not know how to tackle implementing the Java Interface/Implementation. Can you explain a little more on how to do so for a core component.

 

I have made interfaces/implementations with other components but I have not been successful with the Core Components yet. 

Avatar

Correct answer by
Community Advisor

@goonmanian-gooner Basically if the OOTB model of core component is not providing you the functionality as per your requirement, you can override it using delegation pattern. 

Refer this link which explains the concept nicely

https://levelup.gitconnected.com/aem-extend-core-component-models-using-resource-type-association-an...