SPA Principles in Multi Module Project? about aem-spa-project-archetype

[godanny86]

@nick-khoury yes you should be able to add the react-app module to an existing project archetype as a new maven module. You can configure the aem-clientlib-generator (clientlibconfig.js) to then move the compiled react app into a clientlibrary wherver ui.apps is in your existing project. If you want to use the SPA Editor you would also need to ensure that you have the HierarchyPage and Impl deployed as part of an OSGi bundle and mapped to your Page's resource type (in order to output the JSON that the SPA editor expects)

That being said it looks like you want to mix HTL and SPA components. I personally haven't experimented with this but it seems the approach is to use https://github.com/adobe/react-webcomponent. Keep in mind the approach will change in that the "editable" part of your component will be a regular AEM dialog that persists values to the DOM. You can then use the https://github.com/adobe/react-webcomponent to inject these values into your react component as props. No longer would your react component be consuming JSON from AEM as is the case with the SPA editor, or at least that is my understanding.

Hope this helps!

[habansal]

Closing this issue, as the question had been answered and there has been no follow-up since 2+ months