SPA react components author

[daf99]

Hi,

I am building an application SPA react in version 6.5. I have the need to build blocks of components authoring, i am trying to create a custom authoring component composed by other author components as for exemple text and image.
In my latest project using aem with angularjs it was very easy to do it, now using the AEM with react in SPA i can't find the way to do it.

Someone have an idea how to implement it?

[BrianKasingli · Accepted solution]

Hello Daf99, 

I think you are asking for more clearer references/tutorials on how to build ReactJS Components in AEM. In addition to all great the AEM ReactJS tutorials that are published on Adobe's documentation library, here are some interesting resources online that I found useful when I started building AEM ReactJS Components:

• Youtube Video, How to create an AEM component using Reactjs - https://www.youtube.com/watch?v=nec_MDPzMYk
• Youtube, How to configure the Sling Model for the AEM React component - https://www.youtube.com/watch?v=MXt73EWy8f0
• Youtube, AEM SPA editor - React integration - Step by step guide - https://www.youtube.com/watch?v=FSwBrx7aNWA
• Youtube,  Part 1 - Create a React App using AEM SPA Editor - https://www.youtube.com/watch?v=H8CuxJrFUE8
• Youtube, Part 2 - Create a React App using AEM SPA Editor - https://www.youtube.com/watch?v=HO8SRran_C4

I hope you find these tutorials helpful as I have. 

[Suraj_Kamdi]

@daf99 

I have written one blog to show steps on how to create a custom component in AEM using react

https://blogs.perficient.com/2019/09/17/creating-your-first-custom-aem-component-using-react-part-1/

I hope this will help.

Thanks and regards,

Suraj Kamdi

[Nikhil-Kumar]

@daf99 

Developing React with AEM component is really straight forward too.

You can start going through the WKND example available online i.e https://docs.adobe.com/content/help/en/experience-manager-learn/spa-react-tutorial/create-project.ht...

You can also refer my article on the same, I have provided initial integration of AEM and React component.


Thanks,
Nikhil