Is it possible to have a AEMaaC site using a mix of standard core components and react components?

[WalterHill_WV]

Just want to see what others may think,

Say I have a Reactor project and it contains 2 projects,

1. Standard AEM Core components built off of the Archetype.

2. SPA components for React built off of the Archetype.

Can I use the components to create pages for the website? I would probably used different template for each set of components.

Has anyone done this?

Thanks in advance

[Harwinder-singh · Accepted solution]

@WalterHill_WV Yes, this is definitely possible. Also, you can even use both fully React and fully HTL based components on the same Template.

[EstebanBustamante]

Hi, 

Here are my 2 cents, you must keep in mind that SPA components are designed to work with the SPA Editor, while WCM Core components are intended for use with the Page Editor. As a result, you cannot mix both types on a single page. Although theoretically possible, IMHO combining these two approaches—one fully headful (Page Editor) and the other using the SPA pattern—may not be advisable, it can be hard to maintain, hard to deploy, hard to understand, and will introduce a confusing authoring experience. However, I am curious about the results of this experiment.

Hope this helps!

[Rite18]

yes, you can embed Raect as Web component / custom element to AEM component : basically  React component will be external to AEM however will be embed with in AEM component as custom element