aem-project-archetype and ReactJS

[federicob375363]

Hello everyone, I am using the last archetype from https://github.com/adobe/aem-project-archetype

It´s working properly but I want to create some ReactJS components using TS and scss from scratch, that's my main goal.

How do you install ReactJS under the ui.frontend folder without getting errors?

I am brand new in the AEM world, thanks in advance.

[ArpitVarshney]

Hi federicob3753639 ,

As a frontend developer if you want to run react project separately. Please make sure below things:

• You should have Node.js installed in your local machine.
• You need to stub the data which will come from AEM sling models normally. Please go through proxy json approach in Adobe Experience Manager Help | Getting Started with React and AEM SPA Editor - Chapter 2 .
• After that you can run npm install followed by npm start command.

Regards,

Arpit Varshney

[sunjot16]

You can refer to the AEM WKND SPA Project created using React. It contains the setup information:

Adobe Experience Manager Help | Getting Started with React and AEM SPA Editor - Chapter 0 https://helpx.adobe.com/experience-manager/kt/sites/using/getting-started-spa-wknd-tutorial-develop/...

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

[federicob375363]

thank you

[federicob375363]

yes, thank you, maybe in the future the SPA project (react-app) could be integrated into the archetype 20, I hope so.

[sunjot16 · Accepted solution]

No problem at all !!

For now, as per the documentation, it should go under /ui.apps:

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

and the clientlib path is defined in the clientlib.config.js file as follows:

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