Easy animations in React Native using Reanimated 2 (tutorial)

  Рет қаралды 22,138

notJust․dev

notJust․dev

Жыл бұрын

In this tutorial, you will learn about animations in React Native using the Reanimated 2 library. We will start by installing and setting up Reanimated 2 and then cover two types of animations: Custom and Layout animations.
If you prefer reading, no worries! We have this project covered as well in a blog format.
✨ Follow the project on notJust.dev ✨
bit.ly/3XlNqMw
📚 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 #ios16 #reactnative

Пікірлер: 14
@prakharbangar8324
@prakharbangar8324 Жыл бұрын
We need more of these!! Specially for fresh learners :D
@JosemarSilva-dz5on
@JosemarSilva-dz5on Жыл бұрын
first tutorial on reanimated that i really understood
@saxenavedant61
@saxenavedant61 Жыл бұрын
When ever i use an Animated view my z index is not working anymore and my popup menu is merged with my base page . Using position absolute for popup menu and conditional rendering what to do ?
@CONE804
@CONE804 Жыл бұрын
Links don't work :(
@AugustoAleGon
@AugustoAleGon Жыл бұрын
What is the plugin for create the component so fast? :o
@donatobaonguis4315
@donatobaonguis4315 Жыл бұрын
This is a good tutorial but I wish that the sample initial startup base code is exactly the same as in the video, the ones that can be downloaded are already are already refactored with advanced codes like 'interpolate' , 'useSharedValue' that doesn't make sense in the beginning.
@GeekLifeTech
@GeekLifeTech Жыл бұрын
Buen video!!
@Gallersatz
@Gallersatz 11 ай бұрын
Your github link is broken :'( Is there anywhere I can see the source code for this project please?
@griztv5521
@griztv5521 Жыл бұрын
Best!!!!
@harishankar-gf4ls
@harishankar-gf4ls Жыл бұрын
Firebase with React native expo tutorial please Sir🙏🙏🙏🙏🙏
@jackburnsphoto
@jackburnsphoto Жыл бұрын
How did he get a window on his mac viewing his iPad screen this occurs at @22:43 ?
@notjustdev
@notjustdev Жыл бұрын
you can use QuickTime player, select File -> New screen recording, and if you connect your ipad to the mac, you will see it as a screen source in quicktime
@jackburnsphoto
@jackburnsphoto Жыл бұрын
@@notjustdev Ok thanks for letting me know. I'll check it out
@4rled
@4rled Жыл бұрын
what is this lol
How to create animated scrollview that animate other components?
0:51
How did CatNap end up in Luca cartoon?🙀
00:16
LOL
Рет қаралды 6 МЛН
Plasticity 3d XNURBS | Complex fillet solution
4:03
The Basics of React Native animations
5:45
evening kid
Рет қаралды 45 М.
FlatList Animations in React Native with Reanimated 2
59:15
notJust․dev
Рет қаралды 11 М.
Build a Flutter App with Gemini AI
4:03
Open Source
Рет қаралды 11 М.
PARALLAX effect in React Native using Reanimated 2
36:48
notJust․dev
Рет қаралды 12 М.
React Animations just got better
8:05
developedbyed
Рет қаралды 86 М.
React Native FlatList Animations
17:22
William Candillon
Рет қаралды 144 М.
Advanced React Native FlatList animations at 60fps with Animated API
20:11
Клавиатура vs геймпад vs руль
0:47
Balance
Рет қаралды 997 М.
Why spend $10.000 on a flashlight when these are $200🗿
0:12
NIGHTOPERATOR
Рет қаралды 17 МЛН
Apple ХОЧЕТ, чтобы iPhone ЛОМАЛИСЬ чаще?
0:47
ÉЖИ АКСЁНОВ
Рет қаралды 925 М.