Reflectly Tabbar - “Can it be done in React Native?”

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

КОМЕНТАРІ • 65

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

    L'intro explicative est juste excellente ! C'est du très bon boulot bravo et merci pour le tuto !🤗

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

    Wow man, So awesome stuff to see

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

    dude you are amazing!!

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

    What an awesome video....... thanks a lot buddy 😁

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

    Bro I'm new to the channel, omg u killing it ❤ love ur work

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

      Thank you 🙌🏼 And Welcome!

  • @yoyo26-34
    @yoyo26-34 3 роки тому

    proprement hallucinant. Bravo

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

    If anyone is on the fence, I strongly recommend the course!

    • @PS-dp8yg
      @PS-dp8yg 3 роки тому

      I would like to take the course, but I haven't done trigonometry, physics in a very long time. How much should I know before taking the course? What kind of math should I know before purchasing the course?

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

    Awesome! Great job 👏

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

    Thanks, Super William

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

    Dope intro!

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

    I Love the background

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

    This is awesome!

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

    tres bien video

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

    good job!

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

    Awesome!

  • @bo4695
    @bo4695 3 роки тому +10

    Next, The Reflectly App - “Can it be done in React Native?”

  • @55cisco55
    @55cisco55 3 роки тому

    awesome, thanks

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

    Great video! Out of curiosity what prompted you to switch from the SM7B to to the MV7? I have an MV7 myself that I use it with an XLR connection and absolutely love it, but I didn't previously own a SM7B 😅

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

      I'm still struggling with the sound quality on my channel but I'm really enjoying with the mv7 is that you can speak further away from the mic, so it's a cleaner shot on video. but yes I'm so surprised by how good the mv7 is. This video has a nice tip about improve plosives with the mv7: ua-cam.com/video/7HLLVWvyKQk/v-deo.html

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

      @@wcandillon Awesome thanks! And yeah, one of the first things I did after I bought my MV7 was purchase the SM7B replacement filter, to reduce the plosives. It’s worked really well so far!

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

    More than amazing video as usual!
    A question please:
    What's the difference between this: `style={[StyleSheet.absoluteFill, style]}` and using the spread operator and Stylesheet.compose?

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

      No difference. Style array can concat multiple styles, compose can only concat 2 stylesheet object ;)

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

      @@rphlmr noted. But what's the difference between spreading... And array

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

      @@ahmedam77 with compose, no need to spread (according to the documentation).
      Spreading means to take all in the array (or object) and put that in one line in something else.
      We use spread to copy arrays or object.
      const arr1 = [a,b]
      const arr2 = [c,d]
      const arr3 = [...arr1, ...arr2] //output : [a,b,c,d]

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

      @@rphlmr what I meant is, the difference between style={[a, b]} and style={{...a,...b}}

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

      @@ahmedam77 ah yes 🤗
      style=[a,b] is used when we defined style with StyleSheet.create.
      style={...a,...b} could be use with style "in jsx" (object defining style without StyleSheet.create.
      But by convention we all use style array :)

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

    what is alternate package for react-native cli of gl-react-expo

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

    In my case, the animation worked flawlessly on iOS, but there were major issues on the Android device. Primarily, the bottom part of the button moved a bit on the beginning and the entire svg was cropped by the top border of the tap bar.

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

      my apologies for that, I will update the android version in the upcoming days.

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

      @@wcandillon Nice man! You don't need to, but maybe lots of people would be interested in more "gettings hands dirty" parts of development - like this one above. "Debugging a problem in Android" etc

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

      @@hugoschmitt1772 the same here. thanks in advance

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

      @@wcandillon Hi William, will you be fixing this on Android? Thanks!!

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

      @William Candillon migrated it to use React Native Skia and it works wonderfully now! You are a beast dude

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

    It kinda feels strange on android, there is a small moment where the mask moves up a few pixels before filling the whole path and going back to its original place. I honestly would like ot know whats going on there.

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

      you checked on actual device?

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

      @@glendonphilippbaculio1811 yeah emulator and device. Later i cloned his project and had the same issue...

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

    Thanks William, really nice video!
    Can you please address multi-platform shadows, such as those found in the reflectly app, in your next videos? This would help me a lot as I am currently struggling with this. Especially for Android.Thanks again for the good content :)

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

    Perfect 😀😀😀😀😀

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

    how I will try this on my pc, I cannot clone repo? please some help..
    how to use boilerplate and source? any word about it.. sad..

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

    Hi, now with reanimated 2.3.0 you could use "layout animations" to also animate the menu items appearing ;)

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

    Nice video, thanks.
    What is this VScode theme, you use???

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

    what library or why isthe error screen showing the errors that well? as inside an IDE, it is better than the one I have by default

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

      ok, it is the react-native version, y updated from 0.62.2 to 0.64.0 and i have that now

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

    Who can dowvote that ! Thanks. Now I want to play with programmatic svg 🤗

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

    Please is your animation course beginner friendly. I'd love to subscribe, but I need to be sure its a course I can understand.

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

    Awesome video! Could you try making the Doodle time selector in React Native? The one where the time blocks are draggable, resizable and where multiple time blocks can fit in the time grid. I think it's pretty complex and would be great to see if you're able to pull it off!

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

    what editor ur using ???????

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

    I followed the boilerplate and I couldn't find the background you're showing: Good evening, etc.

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

    More CSSBattle!!!!!!

  • @HungVu-qz6wn
    @HungVu-qz6wn 3 роки тому

    I would like to see how you do the "Confetti shower" animation with React-Native... :)

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

    How these boilerplates work, how do i know which package is installed, confused, new to react native can anyone help please!

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

      This video is not about teaching react native. You should learn the syntax and how react native basically works and then you should come watch here so you won't get lost. He uses Reanimated 2 package for animation.

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

      You didn't got me, in know he doesn't teach basic stuff, drop your expo link of your project which you have made so far, I wanna see how you devloped an app.

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

    Didn't the reflectly had many problems with react Native? I read their article that it wasn't the same exp they had in both platforms.

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

    I was lost after 16 minutes. haha.

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

    plz provide on javascript also

  • @sandeep.ranjan_
    @sandeep.ranjan_ 3 роки тому

    You should try react native Windows

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

    Svgs give me headache :|