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
Validate 1
Level 1
csaini
Level 1

Likes

0 likes

Total Posts

2 posts

Correct reply

0 solutions
Top badges earned
Validate 1
View profile

Avatar
Validate 1
Level 1
csaini
Level 1

Likes

0 likes

Total Posts

2 posts

Correct reply

0 solutions
Top badges earned
Validate 1
View profile
csaini
Level 1

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
Applaud 25
Level 10
asutosh_jena
Level 10

Likes

593 likes

Total Posts

705 posts

Correct reply

207 solutions
Top badges earned
Applaud 25
Give Back 100
Boost 500
Affirm 100
Ignite 1
View profile

Avatar
Applaud 25
Level 10
asutosh_jena
Level 10

Likes

593 likes

Total Posts

705 posts

Correct reply

207 solutions
Top badges earned
Applaud 25
Give Back 100
Boost 500
Affirm 100
Ignite 1
View profile
asutosh_jena
Level 10

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!