Skip to main content
DianaGi
Level 2
October 9, 2024
Solved

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

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.
daniel-strmecki
daniel-strmeckiAccepted solution
Adobe Champion, Community Advisor, UG Leader
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

View in thread

5 replies

daniel-strmecki
Adobe Champion, Community Advisor, UG Leader
daniel-strmeckiAdobe Champion, Community Advisor, UG LeaderAccepted solution
Adobe Champion, Community Advisor, UG Leader
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

Translate
    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?

    Translate
      daniel-strmecki
      Adobe Champion, Community Advisor, UG Leader
      daniel-strmeckiAdobe Champion, Community Advisor, UG Leader
      Adobe Champion, Community Advisor, UG Leader
      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

      Translate
        kautuk_sahni
        Adobe Employee
        kautuk_sahniAdobe Employee
        Adobe Employee
        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!

        Translate
        Kautuk Sahni
        Terms & ConditionsAccessibility statement

        Loading footer...