SPA react components author

Question

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 Answer

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.

Nikhil-Kumar · Answer

@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.html

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

Thanks,
Nikhil

Sign up

Login with SSO

Login to the community

Login with SSO