React Native Sticky Shapes

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

КОМЕНТАРІ • 35

  • @CodeSlicing
    @CodeSlicing 3 роки тому +15

    Awesome tutorial, William, really enjoyed it! I'm not well versed in React Native, but your solution was very clear and in many ways mirrored the approach I came up with in SwiftUI!
    Great stuff, and thanks for the shout-out!

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

      subscribed to you

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

      @@ddikodroid Awesome, thanks :)

  • @privat3stuff
    @privat3stuff 3 роки тому +6

    Incredible as usual William. Whenever we think something is beyond the scope of RN, you somehow make it work.

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

    It looks really awesome, William 🚀

  • @OBLIVIOUSKARI
    @OBLIVIOUSKARI 3 роки тому +4

    Amazing video! I’d like to learn more about svg, is that geometry that you use to determine all the angles and stuff?
    I need to learn math :/

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

    I love your haircut my friend 😋

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

    Everytime I tune one of your videos, i'm in this sequence: amazed, in awe, mind blown, depressed that I can never get to your level :P

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

      You're goddamn right 😥

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

    i don't cook but i watch binging with babish
    i don't use react native but i watch william candillon

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

    Guys, who knows how to set Animated.Value to ScrollView offset? I know only way via call function, but it runs on js thread.
    Animated.useCode(
    () => [call([x], ([x]) => ref.current?.scrollToOffset({offset: x}))],
    [],
    );

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

    Wow! This is so cool! 🤩
    Thank you William as always for the great job, keep up the great job! 😊
    If possible I would love to see you do an awesome customizable element grid in which u can add, delete and sort the elements of the grids, also change shapes and dimensions of the various elements! That would be so cool and handy in many situation where u can give the user freedom to create his own configuration for the page with awesome animations! 😊

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

    I thoroughly enjoy your videos for pure entertainment value, even if I have no plan to implement these animations in immediate future. Thanks a lot!

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

    I think, if you have Korean subtitle, many korean people gonna watch your video. I bet it!

  • @ΓιάννηςΚαλλέργης-φ8μ

    Hey man excellent work once again!
    Quick question though: Why the need to rotate the container? This would cause a lot of problems if the scene had other stuff as well, or if the squares had text in them for example. Wouldn't it be wiser to have one more state that controls where the stickiness of the square happens, and then control the destination according to where the opposite side of the square's origin is?
    Thanks 🙏

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

      I agree!

    • @ΓιάννηςΚαλλέργης-φ8μ
      @ΓιάννηςΚαλλέργης-φ8μ 3 роки тому

      @@wcandillon Ah ok it's just an implementation detail then. I thought there was some kind of restriction that pushed you in that direction, that's why I asked. Thank you again for your amazing work William

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

      @@ΓιάννηςΚαλλέργης-φ8μ Maybe also rotate the content will solve that problem?

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

    Damn, you and Adam really do share the haircut 😩👌

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

    Why does this look like gabriel's horn

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

    What extension do you use for code??

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

    Thanks for the tutorial! I'm trying not to rotate the main container, because I feel like that's a bit hacky. I'm still struggling to replace it, seems like a bit of work.

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

    would plz have a blog post on Mathematics needed for these cool animations 🤓

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

      Agreed. I am lost on the mathematical equations!

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

    Do you do some research, thinking, prep, or practice before making the video or do you do everything on the fly?

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

    He is Merlin

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

    you are a legend

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

    wow~ u r really amazing with animation and UI

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

    Please can you make a framer tutorial and make awesome animations in next videos ❤️😊

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

      Are there particular examples you could send me?

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

    You are legend of RN !

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

    noice

  • @HungTran-ro6cq
    @HungTran-ro6cq 3 роки тому

    legend

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

    Incredible, I love your videos,
    But can you please also make a series for Flutter?

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

    Sir, can i have your extensionof VS code when coding RN please