Animated Loader with React Native (Skia)

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

КОМЕНТАРІ • 25

  • @Reactiive
    @Reactiive  Місяць тому +4

    Hello there 👋
    I hope you'll enjoy this tutorial 🎥
    If you want to dive deeper into Skia, Reanimated & Gesture Handler, check out my course with step-by-step tutorials starting from scratch reanimate.dev

  • @pierre-antoineduchateau923
    @pierre-antoineduchateau923 Місяць тому +3

    Great tutorial that combines skia and reanimated ! Thank you !

  • @ravindusha
    @ravindusha Місяць тому +1

    Great tutorial. Never tried Skia. This makes me want to try it

    • @Reactiive
      @Reactiive  Місяць тому

      @@ravindusha thanks! I made this tutorial because I think it's a great way to get used to Skia 👀

  • @clevertomatoelefebvre3072
    @clevertomatoelefebvre3072 Місяць тому +1

    Great video! Learning so much, every video!

    • @Reactiive
      @Reactiive  Місяць тому

      Thanks a lot for the feedback!

  • @ayberkceylan834
    @ayberkceylan834 Місяць тому

    There isn't much skia tutorials pls go on with them. Thanx👌

  • @Endrit719
    @Endrit719 Місяць тому

    it's crazy, I am new at react native but this Skia and Reanimated are revolutionary for react native animations otherwise it would be so hard to implement them and pretty sure not quite performant, it takes a lot of practice I guess to be good with these tools, thanks for this great tutorial

  • @anders-alfjesus
    @anders-alfjesus Місяць тому +2

    Very good tutorial 👏

    • @Reactiive
      @Reactiive  Місяць тому

      Thank you, really appreciated!

  • @mahendra7310
    @mahendra7310 Місяць тому +2

    Sir kindly bring drawing, panting, animation etc complete skia playlist like you've made RN Reanimated.

    • @Reactiive
      @Reactiive  Місяць тому +1

      Thanks for the feedback! I will 👀

  • @JuriDiener
    @JuriDiener Місяць тому +1

    Why are you using by startAnimated useDerivedValue and not useSharedValue? What's the difference. And how to know when I should use useDerived or useShared?

    • @Reactiive
      @Reactiive  Місяць тому +2

      That's a great question! I use 'useSharedValue' for independent shared values, such as progress. However, 'useDerivedValue' is better suited for values that depend on others. For example, since 'startAnimated' is dependent on 'progress', you're essentially 'deriving' it from the 'progress' value and applying additional computations.
      Hopefully this helps!

    • @juridiener5942
      @juridiener5942 Місяць тому +1

      ​@@ReactiiveYes. Thanks. So when I got it right. When Values depending on something then useDerived is the choice. And in all other cases useShared

  • @HaiderAli-oi5fm
    @HaiderAli-oi5fm Місяць тому

    @4:50 what extension are you using for code suggestions like that.

    • @Reactiive
      @Reactiive  Місяць тому

      @@HaiderAli-oi5fm I'm using Cursor! It's a fork from vscode cursor.com

    • @AlbertoVasquez1
      @AlbertoVasquez1 Місяць тому

      he is using cursor ide

    • @HaiderAli-oi5fm
      @HaiderAli-oi5fm Місяць тому

      @@AlbertoVasquez1 Thanks

  • @wisdomelue
    @wisdomelue Місяць тому

    vscode theme please?

    • @Reactiive
      @Reactiive  Місяць тому

      @@wisdomelue Tokyo Night

  • @hubesh716
    @hubesh716 Місяць тому

    is this optimize or not?

    • @Reactiive
      @Reactiive  Місяць тому

      What do you mean by optimize?

    • @hubesh716
      @hubesh716 Місяць тому

      @@Reactiive sir means is it lag or not when we use it in production ready React Native apps
      and i have one request plz make more video on Animated bottom tabs animation with skia or svgs thanks

    • @Reactiive
      @Reactiive  Місяць тому

      @@hubesh716 of course it won't lagg but this always depends on how many tasks are active in the background 🫠. Also thanks for your feedback and your idea - I'll plan something about a custom bottom tab bar