React Native Loading Animation - React Native Moti & Reanimated v2

Поділитися
Вставка
  • Опубліковано 11 гру 2024

КОМЕНТАРІ • 113

  • @fernandorojo6311
    @fernandorojo6311 3 роки тому +9

    Looks great.

  • @maplache375
    @maplache375 3 роки тому +5

    I'm glad to see you back, your videos are really helpful. Keep up the good work!

  • @muaddibby
    @muaddibby 3 роки тому +1

    your channel is a blessing! thank you SO much! as soon as i get a dev job, i'll subscribe to your patreon, you deserve the world

    • @CatalinMironDev
      @CatalinMironDev  3 роки тому +1

      Thank you so much Tina, I am happy that my content is valuable for you and I wish best of luck ✌️

  • @bedirhanaygul805
    @bedirhanaygul805 3 роки тому

    Hey Catalin! Welcome its so good to see you back :)

    • @CatalinMironDev
      @CatalinMironDev  3 роки тому +1

      Thanks Bedirhan, I’m glad to be back as well ✌️

  • @brunobuss7005
    @brunobuss7005 3 роки тому

    Welcome back dude It´s been a while, love your tutorials!!

    • @CatalinMironDev
      @CatalinMironDev  3 роки тому

      Thanks Bruno, this is the second tutorials after a while, hopefully there’s more to come 🤞

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

    Thank you buddy you can't imagine how much you boosted my mobile dev career.❤

  • @davidattah1629
    @davidattah1629 3 роки тому

    Its so good to see you back and active...

    • @CatalinMironDev
      @CatalinMironDev  3 роки тому

      Thanks David, I’m glad to be back as well ✌️

  • @hadiyakhni4282
    @hadiyakhni4282 3 роки тому

    We love you man, gald you're back!!

    • @CatalinMironDev
      @CatalinMironDev  3 роки тому

      Thanks a lot Hadi, I’m glad to be back as well ✌️

  • @Eghizio
    @Eghizio 3 роки тому +2

    So simple yet the effect looks so good :D

  • @khalisafkari8721
    @khalisafkari8721 3 роки тому

    I've been waiting a long time for a video tutorial from you

    • @CatalinMironDev
      @CatalinMironDev  3 роки тому

      I have posted another one last week. Thanks for checking my channel Khalis ✌️

  • @bere690
    @bere690 3 роки тому

    I arrive by clicking on the like.
    Your videos help me a lot! thank so much for this!!!!

  • @tamjuh212
    @tamjuh212 3 роки тому +2

    awesome! good editing as well on the video - thank you

  • @sourabhatigre7672
    @sourabhatigre7672 3 роки тому

    Big fan of u man...after long time nice to see u man

  • @sykn3z
    @sykn3z 3 роки тому

    Heeeey brooo hi again! Getting pro day after day, keep it up!!!

  • @akbarnurullaev7918
    @akbarnurullaev7918 3 роки тому +1

    Glad to see you!

    • @CatalinMironDev
      @CatalinMironDev  3 роки тому

      Thanks Akbar, I’m glad to be back as well ✌️

  • @cloudkungfu
    @cloudkungfu 3 роки тому

    Tha man is back at it with the good stuff 🔥🔥

  • @tanveerulhoque6803
    @tanveerulhoque6803 3 роки тому

    the king is back :)

  • @kirakira160
    @kirakira160 3 роки тому

    Welcom back bro!💪💪💪

  • @lappliHourReactNative
    @lappliHourReactNative 3 роки тому

    Awesome com back ! Thnak you very much for this content ;)

    • @CatalinMironDev
      @CatalinMironDev  3 роки тому +1

      You’re more than welcome, I’m glad you liked it ✌️

  • @tallawahh
    @tallawahh 2 роки тому +1

    Practically the easiest to use animation framework for RN I've seen. No coincidence it's really similar to css keyframes, same concept, only written with a component

  • @-leovinci
    @-leovinci 3 роки тому

    I can’t wait longer!!😻

  • @arhameskafinoghani2459
    @arhameskafinoghani2459 3 роки тому

    Loop Loop Loop ... Awesome bro 😁

    • @CatalinMironDev
      @CatalinMironDev  3 роки тому +1

      😂 thanks Arham ✌️

    • @arhameskafinoghani2459
      @arhameskafinoghani2459 3 роки тому

      @@CatalinMironDev I am very happy that you are moving forward with positive energy, I wish you all the best. 🤗🙏

  • @arch10
    @arch10 3 роки тому

    Great video, as always !!

    • @CatalinMironDev
      @CatalinMironDev  3 роки тому

      Thanks Archit, I’m glad that you liked it ✌️

  • @levisiebra858
    @levisiebra858 3 роки тому

    thank you for tutorial, man. Help me very much :)

  • @oguzhanturker8903
    @oguzhanturker8903 3 роки тому

    more exciting than witcher season2 🤘

  • @motae999
    @motae999 3 роки тому

    You are back

    • @CatalinMironDev
      @CatalinMironDev  3 роки тому +1

      I’m almost back:)

    • @motae999
      @motae999 3 роки тому

      @@CatalinMironDev you are back for good man welcome

  • @balogunakanbi6329
    @balogunakanbi6329 3 роки тому

    Love the loop loop loop....

  • @sithumdasantha3147
    @sithumdasantha3147 3 роки тому

    He is back

  • @elsecoding8691
    @elsecoding8691 3 роки тому

    Thanks for sharing man😌🙏..

  • @BeyondWithAlireza
    @BeyondWithAlireza 3 роки тому

    Keep them coming 😎

  • @igor_cojocaru
    @igor_cojocaru 3 роки тому

    Thank you Catalin!

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

    Thanks for this tutorial, I would like to ask if I can change the repeat value with useState (between Infintiy and 0). Thanks

  • @Dibyendu-dev
    @Dibyendu-dev Рік тому

    Great👏👏

  • @jkadamczyk
    @jkadamczyk 3 роки тому

    Nice hoodie :D

  • @nfaical3
    @nfaical3 2 роки тому

    Thanks a lot

  • @jolly7506
    @jolly7506 3 роки тому

    SOOOO GREAAAAT :D

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

    awesome

  • @guilhermemigliano9151
    @guilhermemigliano9151 2 роки тому

    What is the extension you have for motiview on vscode. I think you could share the extensios you use. Thanks!
    Your videos are amazing btw

  • @vasylnahuliak
    @vasylnahuliak 3 роки тому

    Thanks. Thanks. Thanks.

  • @ДаирханДосаев
    @ДаирханДосаев Рік тому

    Hello! How to modify expand and compress duration of circle separately? Thanks

  • @Norfeldt
    @Norfeldt 2 роки тому

    Can moti be used to move a graph tracker (the line below the finger)?

  • @urtechvibe
    @urtechvibe 11 місяців тому

    hi, bro awesome/ thanks

  • @TheBalorog
    @TheBalorog 3 роки тому +3

    Hey Catalin!
    amazing video as always, but as shadows only work with IOS what is your advice to develop something similar to this on react native for android?

    • @CatalinMironDev
      @CatalinMironDev  3 роки тому +2

      Hi Eden, you can add elevation along with boxShadow so this can target Android. Please let me know if this worked out. Thanks!

  • @romulloqueiroz
    @romulloqueiroz 3 роки тому

    So this is basically framer-motion for react native?

  • @raymondmichael4987
    @raymondmichael4987 2 роки тому

    We'll take a look at "loop......" 😅
    We miss you buddy, hope to see you soon

  • @rntamil2337
    @rntamil2337 3 роки тому

    Hi, I love your tutorials, shall you make a video, that how to use native components in react native

  • @arubroyal4588
    @arubroyal4588 3 роки тому

    10:20 Hi! Is it possible to animate fontSize prop of React Native Svg Text at 60fps? I saw your videos with animating of other SVG props(donut chart) but I could not implement the same thing with the fontSize prop.

    • @CatalinMironDev
      @CatalinMironDev  3 роки тому +1

      Yes, use directly Reanimated2 and use useAnimatedProp for that

  • @ramssuthar
    @ramssuthar 3 роки тому

    Awesome content as always 😍 Sir can you please make a infinite carousel .

    • @CatalinMironDev
      @CatalinMironDev  3 роки тому +1

      Thanks Ram, I can do it ✌️

    • @ramssuthar
      @ramssuthar 3 роки тому

      @@CatalinMironDev waiting for that 😍

  • @lautarolopez5372
    @lautarolopez5372 3 роки тому

    Catalin, do i get access to the animation resources from patreon, with the 5$ membership?

    • @CatalinMironDev
      @CatalinMironDev  3 роки тому +1

      Hi Lautaro, most of the animations are available for $5 but some for $10. Thank you!

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

    i have this Warn pleas can you sey what need do ?
    ADVICE) View #477 of type ABI48_0_0RCTView has a shadow set but cannot calculate shadow efficiently. Consider setting a background color to fix this, or apply the shadow to a more specific component.

  • @pallyweb
    @pallyweb 3 роки тому

    Can you please let us know which extensions do you use in VSCode for React Native ? I never see such autocomplete
    in VScode for Javascript or React Native .

    • @CatalinMironDev
      @CatalinMironDev  3 роки тому

      The extension is called GotHub Copilot. Thanks Shahzad

  • @mist5322
    @mist5322 3 роки тому

    Hello! Is it real to make infinity horizontal carousel with animated api?

    • @CatalinMironDev
      @CatalinMironDev  3 роки тому

      It can be real:) you only need to have a little imagination. Cheers ✌️

    • @mist5322
      @mist5322 3 роки тому

      @@CatalinMironDev Thank you!)

  • @nanakwameacheampong4779
    @nanakwameacheampong4779 3 роки тому

    Awesome stuff man, would the glow effect created with the shadowOffset show in android, or you'd need elevation (P.S. I have no experience with moti)

    • @CatalinMironDev
      @CatalinMironDev  3 роки тому

      You need to use elevation, sorry for not touching this part in the video (I completely forgot about it)

  • @hraschan99
    @hraschan99 3 роки тому +1

    The shadow Prop only works in IOS :(

    • @CatalinMironDev
      @CatalinMironDev  3 роки тому +1

      You’re right, but you can pass elevation (ps: this will run as well)

  • @AuroPick
    @AuroPick 3 роки тому

    Can we use remote debug with Moti?

    • @CatalinMironDev
      @CatalinMironDev  3 роки тому

      What exactly you’d like to debug? Thanks Aykut✌️

    • @AuroPick
      @AuroPick 3 роки тому

      @@CatalinMironDev Hi thanks for reply,
      As we know we can’t use chrome debug mode with reanimated v2. We need to use flipper. Can we use default chrome debug with moti

  • @naishe
    @naishe 3 роки тому

    Even with elevation, the shadow does not look the same on Android. 😕 Works great on iOS though.

  • @maheshpalsingh8145
    @maheshpalsingh8145 2 роки тому

    Getting Error as Cannot read property 'useContext' of null

  • @yacine101
    @yacine101 3 роки тому +1

    Nice, but its only works in IOS.

    • @CatalinMironDev
      @CatalinMironDev  3 роки тому

      This is because I forgot about it tbh, you can use elevation for android and its going to work the same. Thanks Yacine ✌️

  • @linhnguyenvan8797
    @linhnguyenvan8797 3 роки тому

    number 12..