Not so long ago, that I encountered an interesting application refactoring challenge in one of the legacy web apps.
And when I’m talking about legacy web apps, I’m usually referring to server-side rendering web applications.
In this legacy web app, I have the grand opportunity to design and refactor web UI controls to be heavily built in React alongside with leveraging client-side routing such as React Router.
But due to the sheer size of its monolithic complexity behind such web forms, the time required to completely revamp the UI interface could not be accomplished within our client’s timeline budget of delivery. We need to ship some parts of the system that’s already remade in React in the first phase, but the rest of the legacy systems would have to hop aboard with the rest of the React app with it.
Thus the solution to serve the other legacy system menus and app access within React is simply to make use