At work, we have a React app that’s driving our Elm app. It’s gotten to the point where the majority of the codebase is in Elm and we’ve decided that we want all new code to be in Elm. All new pages for the past few months have been completely in Elm and all legacy pages are completely in React. We’re thinking about flipping it to make Elm drive the legacy React pages so we can stay completely within Elm rather than have to do routing/url parsing on the JS side and all other logic on the Elm side. My idea was mount each legacy React page in a web component then on the corresponding Elm page display that web component.
If anyone else has done something similar mounting React/Angular/Vue apps in web components, how did it go? Where there any major problems getting it to build, shipping, increase in bundle size, etc?
I also wrote a super simple proof of concept to see how mounting a React app in web component would work!