Easy animations in React Native using Reanimated 2 (tutorial)

Поділитися
Вставка
  • Опубліковано 27 вер 2024
  • 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.notjus...
    🎒 Get the step-by-step guide and Asset Bundle
    assets.notjust...
    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/not....
    💬 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

КОМЕНТАРІ • 15

  • @prakharbangar8324
    @prakharbangar8324 Рік тому +2

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

  • @JosemarSilva-dz5on
    @JosemarSilva-dz5on Рік тому

    first tutorial on reanimated that i really understood

  • @CONE804
    @CONE804 Рік тому +3

    Links don't work :(

  • @saxenavedant61
    @saxenavedant61 Рік тому +1

    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
    @AugustoAleGon Рік тому +1

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

  • @Vijaymurugan-g1s
    @Vijaymurugan-g1s 2 місяці тому

    Can we use reanimated in react native cli . Or only used in expo?

  • @Gallersatz
    @Gallersatz Рік тому

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

  • @harishankar-gf4ls
    @harishankar-gf4ls Рік тому +1

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

  • @donatobaonguis4315
    @donatobaonguis4315 Рік тому +1

    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.

  • @griztv5521
    @griztv5521 Рік тому +1

    Best!!!!

  • @49thparallelgaming
    @49thparallelgaming Рік тому

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

    • @notjustdev
      @notjustdev  Рік тому +1

      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

    • @49thparallelgaming
      @49thparallelgaming Рік тому

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

  • @GeekLifeTech
    @GeekLifeTech Рік тому +1

    Buen video!!

  • @4rled
    @4rled Рік тому

    what is this lol