How can i create a hello world component using react | Community
Skip to main content
New Member
May 22, 2023
Solved

How can i create a hello world component using react

  • May 22, 2023
  • 2 replies
  • 1030 views

Hello,

I would like to ask for help so i can learn better how to integrate react with aem, and how to create a custom component with it.
If anyone has any kind of tutorial that still is online, a walkthrough or a advice on how to start it, I would be immensely grateful. I've been very lost on how to start developing on AEM using react and beginning with a simple hello world component so I can understand how to make the dialog work well with the react, would really help.

Thanks.

This post is no longer active and is closed to new replies. Need help? Start a new post to ask your question.
Best answer by Shiv_Prakash_Patel

Hi @shosho17 ,

Please check this video series for single page application with react - https://www.youtube.com/@AEMGeeks/playlists

Also, You can refer the offical documentation - https://experienceleague.adobe.com/docs/experience-manager-learn/getting-started-with-aem-headless/spa-editor/react/overview.html?lang=en

Regards,

Shiv

 

 

2 replies

Shiv_Prakash_Patel
Community Advisor
Shiv_Prakash_PatelCommunity AdvisorAccepted solution
Community Advisor
May 22, 2023

Hi @shosho17 ,

Please check this video series for single page application with react - https://www.youtube.com/@AEMGeeks/playlists

Also, You can refer the offical documentation - https://experienceleague.adobe.com/docs/experience-manager-learn/getting-started-with-aem-headless/spa-editor/react/overview.html?lang=en

Regards,

Shiv

 

 

Shiv Prakash
MayurSatav
Community Advisor and Adobe Champion
Community Advisor and Adobe Champion
May 22, 2023

Hi @shosho17 ,

 

Adobe provides comprehensive documentation on AEM and its integration with various technologies, including React. The official documentation covers topics like setting up the development environment, creating custom components, and integrating React with AEM. You can refer to the official documentation to understand the concepts and best practices.

 

https://experienceleague.adobe.com/docs/experience-manager-learn/getting-started-with-aem-headless/spa-editor/react/integrate-spa.html?lang=en

 

Mayur Satav | www.mayursatav.in