AEM SPA React state management

[BaluM]

Hi All,

We are working on AEM 6.5 SPA using React as frontend(project created using archetype 23).

Can we use any state management frameworks like Redux in AEM to support data share between pages/components?

Or AEM SDK can be used to achieve this requirement

Thanks in advance.

[Sam205505050]

Short answer, both of your questions are possible, for long answer, post it to Stackoverflow, I can explain in more details

[BaluM]

Hi Sam, Added to stackoverflow "https://stackoverflow.com/questions/62247563/aem-6-5-spa-react-state-management"

[manising · Accepted solution]

@BaluM I think in AEM the redux states are managed by sling models JSON export of the pages, so it should work

[BaluM]

Hi @manising - I just checked in adobe documentation and found below options for data sharing between components.

Sharing Information Between SPA Components

It is regularly necessary for components within a single-page application to share information. There are several recommended ways of doing this, listed as follows in increasing order of complexity.

• Option 1: Centralize the logic and broadcast to the necessary components for example by using React Context.
• Option 2: Share component states by using a state library such as Redux.
• Option 3: Leverage the object hierarchy by customizing and extending the container component.
• https://docs.adobe.com/content/help/en/experience-manager-65/developing/headless/spas/spa-getting-st...

[skurkular]

.