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 | Community
Skip to main content
C
csaini
Level 2
March 19, 2021
Question

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

  • March 19, 2021
  • 1 reply
  • 1155 views

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?

This post is no longer active and is closed to new replies. Need help? Start a new post to ask your question.

1 reply

Asutosh_Jena_
Community Advisor
Asutosh_Jena_Community Advisor
Community Advisor
March 19, 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.html?lang=en#prerequisites

 

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

 

Hope this helps!

Thanks!

C
csainiAuthor
Level 2
March 19, 2021

Hey @asutosh_jena_ , my question was related to custom existing HTL component extending not existing Core Component with the AEM SPA Editor. In my current application we have almost 63 components already there, need to reuse those components in react editor spa.

Do you have any idea how to reuse/extend existing custom htl components( not aem core component). I already implemented aem core component extending.

Terms & ConditionsAccessibility statement

Loading footer...