Expand my Community achievements bar.

Don’t miss the AEM Skill Exchange in SF on Nov 14—hear from industry leaders, learn best practices, and enhance your AEM strategy with practical tips.
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...