PARALLAX effect in React Native using Reanimated 2

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

notJust․dev

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-locksc...
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
Tag me on social media when you finish this build, and I will give you feedback on your project.
Twitter: / vadimnotjustdev
IG: / vadimnotjus. .
LinkedIn: / 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.
@SuperYoda7
@SuperYoda7 Жыл бұрын
this guy is awesome! sharing his knowledge with us here on KZfaq! Love it. Learned a lot !
@qrtzet
@qrtzet 10 ай бұрын
Hi 👋 from Kyrgyzstan 🇰🇬 This is very helpful for me, I plan to watch all your videos. Thank you guys 👍🏻
@RoroZamZam
@RoroZamZam Жыл бұрын
@Vadim awsome video, great work as always!! Thank you for all your efforts 👌!!
@karimhekal
@karimhekal 11 ай бұрын
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
@Alen_Thomas_
@Alen_Thomas_ Жыл бұрын
Love it man 🥰🤩
@beingofexistence13
@beingofexistence13 Жыл бұрын
Great 👍 Video bro.
@HH-zo5md
@HH-zo5md Жыл бұрын
nice
@tomcat1112k
@tomcat1112k Жыл бұрын
how did you connect the physical device?
@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 Жыл бұрын
🤍🤍🤍
Gesture Handler tutorial in React Native
26:24
notJust․dev
Рет қаралды 28 М.
FlatList Animations in React Native with Reanimated 2
59:15
notJust․dev
Рет қаралды 11 М.
PINK STEERING STEERING CAR
00:31
Levsob
Рет қаралды 20 МЛН
Sprinting with More and More Money
00:29
MrBeast
Рет қаралды 179 МЛН
Китайка и Пчелка 4 серия😂😆
00:19
KITAYKA
Рет қаралды 3,7 МЛН
React Native Animated Tabs & Animated Indicator using FlatList
23:58
Animated Login Form in React Native (#2 Animations)
25:44
notJust․dev
Рет қаралды 13 М.
Remotion 4.0 - Keynote
6:15
Remotion
Рет қаралды 11 М.
SVG Animations with React Native
42:33
William Candillon
Рет қаралды 43 М.
React Native EU 2019: Chiamaka Nwolisa - Offline Strategies In React Native
21:36
React Native Shared Element Transitions with Reanimated 3
18:11
Simon Grimm
Рет қаралды 16 М.
Animated FlatList in React Native (Reanimated)
13:59
Reactiive
Рет қаралды 27 М.
React Native Custom Carousel | Slider | Swiper
24:04
Basir Payenda
Рет қаралды 32 М.
Easiest React Native Parallax Image Scroll EVER 😱
18:08
Simon Grimm
Рет қаралды 9 М.
Uber Eats Sticky Header - “Can it be done in React Native?”
43:13
William Candillon
Рет қаралды 66 М.
🔥Идеальный чехол для iPhone! 📱 #apple #iphone
0:36
Mi primera placa con dios
0:12
Eyal mewing
Рет қаралды 719 М.
Main filter..
0:15
CikoYt
Рет қаралды 5 МЛН