Expand my Community achievements bar.

Applications for the 2024-2025 Adobe Experience Manager Champion Program are open!
SOLVED

Creating Custom Input Component using React instead of HTL in AEM ?

Avatar

Level 5

Hi Team,

 

I want to create custom JSON Editor component in AEM using React instead of HTL. I was following this: https://experienceleague.adobe.com/docs/experience-manager-learn/getting-started-wknd-tutorial-devel...

 

but it seems like the folder structure and everything has changed a lot. Can someone help me understand or guide me to the best documentation that I could use to create a custom component using React. If possible I would prefer using create-react-app and not existing AEM boilerplate for two reasons:

 

1. Existing AEM Repos I have seen so far are too much into class based components however I would prefer using functional components.

2. Existing AEM Repos are all in JavaScript, I would want TypeScript support.

1 Accepted Solution

Avatar

Correct answer by
Community Advisor
1 Reply

Avatar

Correct answer by
Community Advisor

Refer this https://github.com/adobe/aem-guides-wknd-spa for github with react project and code.

 

And this for creating a new react component: https://experienceleague.adobe.com/docs/experience-manager-65/developing/spas/spa-implementing-react...