Easy animations in React Native using Reanimated 2 (tutorial)

22,436
0
Published 2022-10-25
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-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: twitter.com/VadimNotJustDev
IG: www.instagram.com/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 #ios16 #reactnative

All Comments (13)
  • 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.
  • 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 ?
  • @AugustoAleGon
    What is the plugin for create the component so fast? :o
  • Firebase with React native expo tutorial please Sir🙏🙏🙏🙏🙏
  • @Gallersatz
    Your github link is broken :'( Is there anywhere I can see the source code for this project please?