Migrating from Remix to React Router V7
I have updated my hobby websites to React Router V7.
Following the official migration guide, I came across an issue with the Tailwind classes (which I forgot to take a screenshot, sadly). But it was something along the lines of:
Unknown class: bg-white
And no matter what I tried, I couldn't get it to work.
Even removing the bg-white class from the code just transferred the same error to a different class.
I'm not a Tailwind expert...
What I did was take whatever was in the config files (package.json, tailwind.config.js, vite.config.js, etc.) from a new React Router v7 template, specifically the JavaScript one https://github.com/remix-run/react-router-templates/tree/main/javascript, and overwrite it in the new project.
Here are the PRs with the core changes:
https://github.com/ssisaias/meusalarioembtc.info/pull/2
https://github.com/ssisaias/meusalarioemdolar.info/pull/2
I'm very happy with the results, especially because frontend is not really my expertise. In summary, here are the improvements:
- Added a dark theme
- Updated the default salary values
- Fixed the HTTP redirect issue on Nginx (only for meusalarioembtc)
- Added a GitHub link
- Fixed an issue with the overflow display for the BTC website on mobile.
See ya!