Your achievements

Level 1

0% to

Level 2

Tip /
Sign in

Sign in to Community

to gain points, level up, and earn exciting badges like the new
Bedrock Mission!

Learn more

View all

Sign in to view all badges

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...