search

Adobe-Marketing-Cloud / aem-guides-wknd-events

Step by Step guide to creating a Single Page Application to use with AEM
48 stars 34 forks source link

[React] How to create a custom component in AEM and use it in React #63

Closed psaksena85 closed 4 years ago

psaksena85 commented 5 years ago

prerequisite tools/software are installed:

godanny86 commented 5 years ago

Hi @psaksena85,

You can see a net-new component developed by following the Hello World mini tutorial: https://helpx.adobe.com/experience-manager/kt/sites/using/spa-editor-helloworld-tutorial-use.html. It adds it to the We.Retail Project but the concepts are the same whether adding it to We.Retail, WKND or your customer project.

We still plan to add a custom component to the WKND SPA Editor tutorial, but will be delayed a bit. Another refernece will be too look at the Chapter 4 branch and the GMap component: https://github.com/Adobe-Marketing-Cloud/aem-guides-wknd-events/compare/react/chapter-3...react/chapter-4. this can give you an additional idea of how to develop a custom component.

rojochen commented 4 years ago

I saw We.Retail project only has created a component tutorial.

How to create the custom template in React?

If i create a template in the AEM Editor how to clone the content to my code base?

psaksena commented 4 years ago

Chapter 4 branch not there anymore

godanny86 commented 4 years ago

yes @psaksena we removed that branch since parts of it were not up to date. If you need to create a net-new component I would follow: https://docs.adobe.com/content/help/en/experience-manager-learn/sites/spa-editor/spa-editor-helloworld-tutorial-use.html