Easy animations in React Native using Reanimated 2 (tutorial)

Поделиться
HTML-код
  • Опубликовано: 24 окт 2022
  • 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 Год назад +2

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

  • @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 ?

  • @JosemarSilva-dz5on
    @JosemarSilva-dz5on Год назад

    first tutorial on reanimated that i really understood

  • @AugustoAleGon
    @AugustoAleGon Год назад +1

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

  • @CONE804
    @CONE804 Год назад +3

    Links don't work :(

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

  • @Gallersatz
    @Gallersatz Год назад

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

  • @GeekLifeTech
    @GeekLifeTech Год назад +1

    Buen video!!

  • @jackburnsphoto
    @jackburnsphoto Год назад

    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

    • @jackburnsphoto
      @jackburnsphoto Год назад

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

  • @harishankar-gf4ls
    @harishankar-gf4ls Год назад +1

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

  • @griztv5521
    @griztv5521 Год назад +1

    Best!!!!

  • @4rled
    @4rled Год назад

    what is this lol