Your achievements

Level 1

0% to

Level 2

Tip /
Sign in

Sign in to Community

to gain points, level up, and earn exciting badges like the new
Bedrock Mission!

Learn more

View all

Sign in to view all badges

SOLVED

AEM 6.1 and React Integration

samr99530769
Level 3
Level 3

Hi All,

Need your guidance on AEM 6.1 and React Integration .

As per my understanding all the react component expect a input [Either as Properties or JSON] for all the content authored data .

As a AEM developer - I guess below activities are required every time

1) We might have to create WCMUse Pojo class to generate the JSON

2) Then we either we have to set a global java script variable .

Queries

1) Is there a way we can access directly access the component properties in react component

2) Also please share some sample project[React and AEM] if something that can be shared for reference.

Thanks,Sambasivaraja.

1 Accepted Solution
Peter_Puzanovs
Correct answer by
Community Advisor
Community Advisor

Dear Sambasivaraja,

AEM 6.4 SP2 already has SPA Editor with OOTB support for React. SPA Editor Overview

Please consider upgrading to 6.4 and using OOTB capabilities.

1) We might have to create WCMUse Pojo class to generate the JSON

2) Then we either we have to set a global java script variable .

Nope, for SPA 0 lines Java code is required, everything is achieved thanks to Brilliant Work by Sling Model Exporters and AEM capabilities brought to you in 6.4 and 6.3.

1. In React this methodology is called property propogation.

2. aem-guides/spa-helloworld-guide at master · Adobe-Marketing-Cloud/aem-guides · GitHub

2. Adobe Experience Manager Help | Getting Started with the AEM SPA Editor - WKND Tutorial

Regards,

Peter

View solution in original post

1 Reply
Peter_Puzanovs
Correct answer by
Community Advisor
Community Advisor

Dear Sambasivaraja,

AEM 6.4 SP2 already has SPA Editor with OOTB support for React. SPA Editor Overview

Please consider upgrading to 6.4 and using OOTB capabilities.

1) We might have to create WCMUse Pojo class to generate the JSON

2) Then we either we have to set a global java script variable .

Nope, for SPA 0 lines Java code is required, everything is achieved thanks to Brilliant Work by Sling Model Exporters and AEM capabilities brought to you in 6.4 and 6.3.

1. In React this methodology is called property propogation.

2. aem-guides/spa-helloworld-guide at master · Adobe-Marketing-Cloud/aem-guides · GitHub

2. Adobe Experience Manager Help | Getting Started with the AEM SPA Editor - WKND Tutorial

Regards,

Peter

View solution in original post