since ‎20-01-2021
‎12-02-2021
rakesh4
Level 1
How to access i18n strings in ReactJS Component
Avatar

rakesh4

rakesh4
- Adobe Experience Manager
Hi Team, We have Non SPA app with multilingual support, now we are in the process of component built using ReactJS.In HTML file, I am able to use i18n string by using ${'h_search' @ i18n}.How can I access the same i18n strings in ReactJS Component? Please advice.Thanks,

Views

191

Likes

0

Replies

2
Re: Use ReactJS Components in Non SPA website
Avatar

rakesh4

rakesh4
- Adobe Experience Manager
Hi @Umesh_Thakur,I was able to get it working with author-able content and without using any extra library. Thanks again for your direction.

Views

215

Likes

0

Replies

0
Re: Use ReactJS Components in Non SPA website
Avatar

rakesh4

rakesh4
- Adobe Experience Manager
Hi @Umesh_Thakur,Your direction was really helpful.We were able to see ReactJS component on AEM page, further I had question that how can I make the content author-able for such component?I was able to do that using react-habitat lib, it is displaying perfectly but still it is not updating when we change the content from author window.Can you share any example for the same?

Views

253

Likes

0

Replies

0
Re: Use ReactJS Components in Non SPA website
Avatar

rakesh4

rakesh4
- Adobe Experience Manager
Thank you very much Umesh for this information.

Views

277

Likes

0

Replies

0
Use ReactJS Components in Non SPA website
Avatar

rakesh4

rakesh4
- Adobe Experience Manager
Hi Team,I have a simple multilingual multi page website build using AEM 6.5, HTML, CSS, Javascript and Jquery.In website we have multiple links in header, on click of specific link from header html page is rendered and each html page is built using multiple Web Components and content is author-able.I have a requirement in same website on click of a specific link from header, I need to load page built with ReactJS component. I have react code ready, but how can I integrate with AEM project.Can an...

Views

318

Likes

0

Replies

5
Likes given to