AEM 6.5 SPA React component with datasource in dialog

[hussains7950461]

Hi Team,

is there any sample React component that uses datasource ( having some data) to make use of in React Props

[sunjot16 · Accepted solution]

AEM WKND SPA with React makes use of React props:

Adobe Experience Manager Help | Getting Started with React and AEM SPA Editor - Chapter 2

I also found some external links that could be helpful:

GitHub - auniverseaway/pug-ranch-2018: A reference implementation for using React with AEM

Creating Your First Custom AEM Component Using React – Part 1 | Perficient Digital

https://experiencemanaged.com/posts/a-practical-guide-to-building-spas-on-aem-using-react.html

[Nikhil-Kumar]

@hussains7950461 

Best way to create a datasource and use it as part of React props is to create a datapage in you site hierarchy and export the JSON of the datasource using Sling Model Exporter and use it as part of React props.

We are implementing something similar in our current implementation.

Thanks,
Nikhil