How to extend existing HTL components such as global header & footer, breadcrumb, text and other custom component in React SPA with AEM 6.5.4

Avatar

Avatar

csaini

Avatar

csaini

csaini

19-03-2021

Hi,

By following wknd-react-spa tutorial, I integrated simple editable react SPA by extending WCM Core components (Text, Image). Now as part of the requirement I need to re-use global header & footer, breadcrumb and other custom components for the SPA by extending. Could you please suggest to me how to extend existing HTL components with react SPA?

Accepted Solutions (0)

Answers (1)

Answers (1)

Avatar

Avatar

asutosh_j3

Avatar

asutosh_j3

asutosh_j3

19-03-2021

Hi @csaini 

Please refer the below link to know more about how to extend the existing HTL components with SPA. 
https://experienceleague.adobe.com/docs/experience-manager-learn/spa-react-tutorial/extend-component...

 

Following this link you should be able to create custom components:
https://experienceleague.adobe.com/docs/experience-manager-learn/spa-react-tutorial/custom-component...

 

Hope this helps!

Thanks!