Can we integrate react into EDS project? to have instead of vanilla js react | Community
Skip to main content
Level 2
October 9, 2024
Solved

Can we integrate react into EDS project? to have instead of vanilla js react

  • October 9, 2024
  • 2 replies
  • 1489 views

Can we integrate react into EDS project? to have instead of vanilla js react

This post is no longer active and is closed to new replies. Need help? Start a new post to ask your question.
Best answer by daniel-strmecki

Hi @dianagi,

you can, but it ss not recommended by Adobe as it will negativly impact your performance scores. Adobe recommends to stick with vanilla JS everywhere you can. For selected complex components you might want to look into more lightweight frameworks like Preact. I've described how EDS frontend works in more detail in this article: https://meticulous.digital/blog/f/adobe-edge-delivery-demystified

 

Hope this helps,

Daniel

2 replies

daniel-strmecki
Community Advisor and Adobe Champion
daniel-strmeckiCommunity Advisor and Adobe ChampionAccepted solution
Community Advisor and Adobe Champion
October 9, 2024

Hi @dianagi,

you can, but it ss not recommended by Adobe as it will negativly impact your performance scores. Adobe recommends to stick with vanilla JS everywhere you can. For selected complex components you might want to look into more lightweight frameworks like Preact. I've described how EDS frontend works in more detail in this article: https://meticulous.digital/blog/f/adobe-edge-delivery-demystified

 

Hope this helps,

Daniel

DianaGiAuthor
Level 2
October 10, 2024

Thank you so much for your answer 🙂
Can we use a UI framework like Bootstrap or will this also affect the lighthouse?

daniel-strmecki
Community Advisor and Adobe Champion
Community Advisor and Adobe Champion
October 10, 2024

I guess you can. But UI frameworks usually also usually include some JS, so check what JS dependecies are used and do a Lighhouse test.

 

Good luck,

Daniel

kautuk_sahni
Community Manager
Community Manager
October 16, 2024

@dianagi Did you find the suggestion helpful? Please let us know if you require more information. Otherwise, please mark the answer as correct for posterity. If you've discovered a solution yourself, we would appreciate it if you could share it with the community. Thank you!

Kautuk Sahni