React Native Sticky Shapes

Поділитися
Вставка
  • Опубліковано 12 січ 2025

КОМЕНТАРІ •

  • @CodeSlicing
    @CodeSlicing 4 роки тому +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 :)

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

    It looks really awesome, William 🚀

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

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

  • @naishe
    @naishe 4 роки тому +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!

  • @jjysoserious
    @jjysoserious 4 роки тому +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 😥

  • @giuseppemartinelli880
    @giuseppemartinelli880 4 роки тому +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! 😊

  • @OBLIVIOUSKARI
    @OBLIVIOUSKARI 4 роки тому +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 :/

  • @jakallergis91
    @jakallergis91 4 роки тому +2

    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  4 роки тому +1

      I agree!

    • @jakallergis91
      @jakallergis91 4 роки тому

      @@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 4 роки тому

      @@jakallergis91 Maybe also rotate the content will solve that problem?

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

    wow~ u r really amazing with animation and UI

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

    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.

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

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

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

    you are a legend

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

    I love your haircut my friend 😋

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

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

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

    You are legend of RN !

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

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

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

    What extension do you use for code??

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

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

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

      Agreed. I am lost on the mathematical equations!

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

    legend

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

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

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

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

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

      Are there particular examples you could send me?

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

    Why does this look like gabriel's horn

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

    He is Merlin

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

    noice

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

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

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

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

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

    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}))],
    [],
    );