AEM react - Content/Experience Fragment Component

[goonmanian-gooner]

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?

[Sachin_Arora_]

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

[goonmanian-gooner]

@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. 

[Sachin_Arora_ · Accepted solution]

@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...

[Leela-Pavan-Kumar]

This will help you

https://experienceleaguecommunities.adobe.com/t5/adobe-experience-manager/aem-6-4-with-spa-editor-ho...