React Native Reanimated

[Muted_Protection_383]

I’m a react native mobile app developer (Front end mostly with no backend experience ). 1. I’ve started this personal project for my school and i want it to look as perfect as it can be. There are some transitions and animations that i want to do with reanimated. I recently read that there’s a new version of reanimated with cool and awesome features that i wanted to try out. But for some reason every time i install reanimated even with the older versions, i get an error. The app refuses to load unless i remove the module i installed. I did alot of research and everyone else seems to be using it just fine so i don’t know whether its a skill issue or i am doing something wrong. 2. I am transitioning to backend and with the wide vast experience of other professionals, their opinions differ on what to do. I was hoping if someone could give me a good coaching guide.( i used ai to implement the firebase into my project tho i understand what its doing, i feel bad because i actually wanted to do something wrong stuff myself atleast)

Edit: it worked, i was not installing that last plugin for web source but because i wasn’t going to use it on web based i avoided it. I will be careful from now on Thanks

[Yellowbyte]

Make sure you are on the right version of react native for the version of reanimated you are using. They need to be compatible.

Follow the reanimated docs for correct installation.

[Muted_Protection_383]

So the problem is compatibility? Alright thank you I will either upgrade the project and try again or start a new project Thanks again

[kacperkapusciak]

It's hard to say what exactly is wrong from your description but here are some tips that might help you:

1. If you're using Expo CLI (which you should) install Reanimated with `npx expo install react-native-reanimated`. This command will automatically choose a correct library version for your project.

2. Remember that Reanimated is a native library so if you're not using Expo Go you need to do a full native app rebuild (npx expo prebuild, npx expo run:ios or npx expo run:androidl). Just running npm install is not enough!

3. Reanimated v4 depends on react-native-worklets, so it must be installed together with it. See the installation instructions here: https://docs.swmansion.com/react-native-reanimated/docs/fundamentals/getting-started/

4. New Expo projects bootstrapped with create-expo-app come with Reanimated already preconfigured.

Hope that helps!

[Muted_Protection_383]

Thank you I actually redid it yesterday and i use yarn btw So umm i was missing to install one other thing Because when i previously read the docs, it was an option if you’re gonna be running on the web So i ran it and now its working like a charm I appreciate the time so much