aem-project-archetype and ReactJS | Community

federicob375363

Level 2

Solved

aem-project-archetype and ReactJS

5 replies
4102 views
Translate

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.

This post is no longer active and is closed to new replies. Need help? Start a new post to ask your question.

sunjot16Accepted solution

Employee

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

sunjot16Accepted solution

Employee

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

Translate

federicob375363Author

Level 2

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

Translate

federicob375363Author

Level 2

thank you

Translate

Employee

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/react.html

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

Translate

New Participant

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

Translate