In our organisation, we're planning on migrating a Single-Page Application (with a complex back-end) to another Front-end technology (Angular to React). We'd like to procede with an Agile mindset by migrating progressively (page by page) and deploying frequently.
However, we're in a bit of a conundrum as to how to procede, and we'd like some advice or feedback from the community. Here's are some constraints that I tried to summarize here :
- UX : Roaming from an Angular page to a React page degrades the user experience: instead of a single-app experience (where the header & sidebar doesn't reload), the user experiences the page as a full reload.
- Technically: we can solve this by enclosing an Angular page into a React page, but it induces a lot of risks in session management, js/css overload... The Angular app is also heavily coupled with the back-end, and one of the migration's goal is to decouple it
- Methodology : Working on a 9-month redesign before delivering puts us in a great risk, as there is little user feedback. We're keen on the frequent delivery and feedback cycle that worked so well for us.
- New features : We also have to deliver new features to respect our engagements. Initially, we wanted to connect a page migration with new features, and resolve our migration roadmap with our new features roadmap
There's a paradox between a progressive migration process that is methodologically sound, but that is technically risky and degrades the UX during the transition phase. We may think about living with some of these constraints but we'd love to collect some feedback. I hope that the question is appropriate for this site also. Have you ever experienced this situation before? Thanks!!