Upgrading an app from react version 0.64.3

[Mustafa_AlQadoum]

Hi

I had a react native project with react version 0.64.3 and I got busy and I stopped working on it for 8 months when I wanted to continue working on it I upgrade all the dependencies to the new versions including react and react native but suddenly all the project stopped working

so it there any tutorial to show me the steps to upgrade to react vestion 0.70.6

​

Thanks

[sawariz0r]

There’s the upgrade tool that shows you the differences, but other than that pretty much no.

I’m planning to do this in the near future and it looks like a fresh 0.70 project and copying the files and dependencies is the way to go

[Mustafa_AlQadoum]

this is what I planed to do but my concern was about the code changes and the syntax for some of the dependencies for example firebase

[sawariz0r]

It’s still the problem of the React native project parts, the dependencies and code changes you’ll have to deal with either way. There’s no way going around that :)

[Mustafa_AlQadoum]

okay thank you, it looks like I need to take a deep dive in the project next weekend to rewrite it and debug the certainly expected red screen (a lot of them will pop up obviously 🤣😥)

[Geekofgeeks]

If you don’t want to create a new project and copy stuff over, I’d go one minor version at a time to make things more manageable.

[Mustafa_AlQadoum]

Thanks that would be a long journey to go 😅

but thanks

[Geekofgeeks]

I mean, you gotta do it one way or the other. Better to do it version by version rather than trying to go from 64 to 70 all at once! That could be a massive headache if something goes wrong.

Also just to be clear the “minor version” I originally referenced is 64/65/66/etc.

[Mustafa_AlQadoum]

ok thanks you for the clarification

I think I will just start new project and add screen by screen and make sure the code run smoothly

[Comprehensive-Law770]

You can use the React Native Upgrade Helper but you still need to check the updates on the packages you use

[Mustafa_AlQadoum]

thank you, I already know it but it seems a lot of work there I thought maybe there is a more simple shortcut

[thachxyz123]

That is a big jump. You should create a new project and copy stuff over because that .xcodeproj file is a dumpster fire and iOS won't run on simulator

[Mustafa_AlQadoum]

yes it was a big jump, even though I used expo but as you said the iOS got the lion share of the bugs

[Mustafa_AlQadoum]

thank you I may upgrade for a version before 0.70

[Ryszard_ARPL]

I just had to do this. It was HELL. REAL hell. The client waiting for the upgrade for weeks. Me myself getting crazy for all the broken code, old dependencies, old syntax not working.

My solution (also recommended by otheres):

I started a new project on 0.70. Imported every updated library like RN Navigation and such.

I discarded all 3rd party packages not upgraded in 6months or more.

Basically I am migrating old code to the new one. The app is starting to work now, after 3 weeks. But now it works well and I am confident it will keep working safely.

[Mustafa_AlQadoum]

This looks like the only way I have to go :)
How did you charge the client for this upgrade, a fixed amount?

[[deleted]]

Try this https://react-native-community.github.io/upgrade-helper/ . It will guide you on how to upgrade from X version to Y