Migrating (Remix Run -> React Router v7)

One of the essential problems I always through my head against while coding is maintenance - why can't everything just work with modern technologies when I reboot it 7 years later? Joking aside, it was a little frustrating when I realized Remix Run, the tech this website runs on, was merged into React Router, preserving most of its functionalities but still requiring a pretty lengthy process to switch everything.

Migration Guides

RR has a hugely comprehensive migration guide starting from Remix that I was a little scared of at first, but that I finally decided to take a crack at. Most of the features I love from Remix carry over, like the loader system and client / server bundling, but I kept hitting huge walls every step of the way, mainly because the codebase has become pretty large, and VS Code would light up every single file red after a minor change I was doing following the guide.

(Re)Starting from Scratch

After learning as much as I could about RR from youtube tutorials and documentation, I decided the easiest step forward was to initialize a new project and add the features I'd developed slowly so as to have the cleanest migration possible without the Typescript linter getting too mad at me. Slowly but surely, I made my way through, hitting a couple roadblocks (mainly with adapting my old code to RR's systems, and especially its new type safety, which I find is better) but ending up with the same website I had created, but feeling much fresher and ready for the integration of new projects relying on newer versions of React. I will most likely have to redo the same thing in a year, but for now, I'll enjoy the absence of the headaches migration guides give me.