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

[curioushunter]

    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?

[Sham_HC]

http://help-forums.adobe.com/content/adobeforums/en/experience-manager-forum/adobe-experience-manage...

[kautuk_sahni · Accepted solution]

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