Expand my Community achievements bar.

Guidelines for the Responsible Use of Generative AI in the Experience Cloud Community.
SOLVED

How can we covert HTML to JSX then convert it to equivalent native JS

Avatar

Former Community Member

    We are trying to integrate Reactjs in AEM. We are interested in getting page in form of native JS from AEM. Any pointers on how can we do this?

1 Accepted Solution

Avatar

Correct answer by
Administrator

Hi 

 

For React JS in AEM, 

See this article using Angular with sightly :-

Link 1:- https://helpx.adobe.com/experience-manager/using/vanitypath.html

Link 2:- https://helpx.adobe.com/experience-manager/using/AngularJS.html

 

AEM integration modules with reactjs

Link 3:- https://www.npmjs.com/package/aem-react-js

Link 4:- https://github.com/sinnerschrader/aem-react

Link 5:- https://github.com/sinnerschrader/aem-react-js

 

You can try this online tools for HTML to JSX,

Link:- http://magic.reactjs.net/htmltojsx.htm

 

And for JSX to JS

Link:- https://www.npmjs.com/package/jsx-to-js

 

I hope this would help you.

~kautuk



Kautuk Sahni

View solution in original post

2 Replies

Avatar

Correct answer by
Administrator

Hi 

 

For React JS in AEM, 

See this article using Angular with sightly :-

Link 1:- https://helpx.adobe.com/experience-manager/using/vanitypath.html

Link 2:- https://helpx.adobe.com/experience-manager/using/AngularJS.html

 

AEM integration modules with reactjs

Link 3:- https://www.npmjs.com/package/aem-react-js

Link 4:- https://github.com/sinnerschrader/aem-react

Link 5:- https://github.com/sinnerschrader/aem-react-js

 

You can try this online tools for HTML to JSX,

Link:- http://magic.reactjs.net/htmltojsx.htm

 

And for JSX to JS

Link:- https://www.npmjs.com/package/jsx-to-js

 

I hope this would help you.

~kautuk



Kautuk Sahni