PARALLAX effect in React Native using Reanimated 2

  Рет қаралды 12,532

notJust․dev

Жыл бұрын

In this tutorial, we will build a beautiful Parallax effect in React Native, based on the phone sensors. For that, we will use the React Native Reanimated library, allowing us to get data from the phone sensors, like the gyroscope, and drive animations with them.
📚 Join the waitlist for "The Full-stack Mobile Developer"
academy.notjust.dev/
🎒 Get the step-by-step guide and Asset Bundle
assets.notjust.dev/ios-lockscreen
This project is a great way to get your foot in the door with hybrid, cross-platform mobile development with React Native. This is a beginner-friendly tutorial, and all the steps and concepts will be explained in detail.
Let's learn together 📖💡
🐱‍💻 Source code
github.com/notJust-dev/iOSLoc...
💬 Join the notJust Development gang and let's build together
discord.gg/VpURUN2
Tag me on social media when you finish this build, and I will give you feedback on your project.
Twitter: VadimNotJustDev
IG: VadimNotJus...
LinkedIn: www.linkedin.com/in/vadimsavin
Timecodes:
Disclaimer: This build is for educational purposes only!! All views, opinions, technology choices expressed in this video are my own and do not represent the views, opinions, technology choices of any entity whatsoever with which I have been, am now, or will be affiliated.
#VadimSavin #notjustdev #parallax #reactnative

Пікірлер: 14
@yahyaahmed5606
@yahyaahmed5606 Жыл бұрын
my guy this is fire , i've never understood animations and reanimated till now. Thank you so much. 🔥🔥🔥
@chetanbawankule8843
@chetanbawankule8843 Жыл бұрын
This is so brilliant, I never though such animations could be that easy, Thank you for creating such videos, I will definitely try this out.
@qrtzet
@qrtzet 9 ай бұрын
Hi 👋 from Kyrgyzstan 🇰🇬 This is very helpful for me, I plan to watch all your videos. Thank you guys 👍🏻
@SuperYoda7
@SuperYoda7 Жыл бұрын
this guy is awesome! sharing his knowledge with us here on KZbin! Love it. Learned a lot !
@karimhekal
@karimhekal 10 ай бұрын
You just helped me grasp alot of fundmentals of reanimated2 library which was a headache for me to understand alot of its basics, Thank you
@RogelioZamora90
@RogelioZamora90 Жыл бұрын
@Vadim awsome video, great work as always!! Thank you for all your efforts 👌!!
@Alen_Thomas_
@Alen_Thomas_ Жыл бұрын
Love it man 🥰🤩
@beingofexistence13
@beingofexistence13 Жыл бұрын
Great 👍 Video bro.
@tomcat1112k
@tomcat1112k Жыл бұрын
how did you connect the physical device?
@HH-zo5md
@HH-zo5md Жыл бұрын
nice
@omega3max
@omega3max Жыл бұрын
when i install lib react native reanimated, get some error like "No AAR for react-native-reanimated found. Attempting to build from source. Android gradle plugin: 7.3.1 Gradle: 7.5.1" when run android. need your help, please!!
@cst001anantharajd2
@cst001anantharajd2 Жыл бұрын
Can you do video about connecting crypto wallet ( meta Mask ) with react native........
@gouravnainwaya5669
@gouravnainwaya5669 Жыл бұрын
bro Make an file transfer app without AWS
@manindrasammanathegreat8253
@manindrasammanathegreat8253 Жыл бұрын
🤍🤍🤍
Normal vs Smokers !! 😱😱😱
00:12
Tibo InShape
Рет қаралды 37 МЛН
Маленькая и средняя фанта
00:56
Multi DO Smile Russian
Рет қаралды 2,9 МЛН
ОДИН ДОМА #shorts
00:34
Паша Осадчий
Рет қаралды 6 МЛН
Introducing GPT-4o
26:13
OpenAI
Рет қаралды 3,3 МЛН
Any Sound & Call Recording Option Amazing Keypad Mobile 📱
0:48
Tech Official
Рет қаралды 325 М.
How Neuralink Works 🧠
0:28
Zack D. Films
Рет қаралды 27 МЛН
🤯Самая КРУТАЯ Функция #shorts
0:58
YOLODROID
Рет қаралды 3,5 МЛН