Easy animations in React Native using Reanimated 2 (tutorial)

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

Жыл бұрын

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 Жыл бұрын

We need more of these!! Specially for fresh learners :D

@JosemarSilva-dz5on Жыл бұрын

first tutorial on reanimated that i really understood

@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.

@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 Жыл бұрын

Links don't work :(

@GeekLifeTech Жыл бұрын

Buen video!!

@AugustoAleGon Жыл бұрын

What is the plugin for create the component so fast? :o

@griztv5521 Жыл бұрын

Best!!!!

@Gallersatz 11 ай бұрын

Your github link is broken :'( Is there anywhere I can see the source code for this project please?

@harishankar-gf4ls Жыл бұрын

Firebase with React native expo tutorial please Sir🙏🙏🙏🙏🙏

@jackburnsphoto Жыл бұрын

How did he get a window on his mac viewing his iPad screen this occurs at @22:43 ?

@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 Жыл бұрын

@@notjustdev Ok thanks for letting me know. I'll check it out