React Native Performance Optimisation (useMemo, useCallback, memo)

แชร์
ฝัง
  • เผยแพร่เมื่อ 11 ธ.ค. 2024

ความคิดเห็น • 93

  • @parthpriyadarshi9556
    @parthpriyadarshi9556 2 หลายเดือนก่อน

    This literally cleared all my confusion. Thank you for making this video.

    • @notjustdev
      @notjustdev  2 หลายเดือนก่อน

      Glad it was helpful!

  • @jahidunnurmaheeofficial2089
    @jahidunnurmaheeofficial2089 ปีที่แล้ว +2

    What a video! Last 2 weeks I was struggling with react native performance issue. I search in google and everywhere but finally I found a complete solution. Thanks dude!

  • @mateuszpusiewicz8851
    @mateuszpusiewicz8851 2 ปีที่แล้ว +26

    Amazing video! Tutorial on flipper would be great to see 🤩

  • @minusmarigold98
    @minusmarigold98 9 หลายเดือนก่อน

    Wow , really thanks man i needed that a lot!

    • @notjustdev
      @notjustdev  9 หลายเดือนก่อน

      Glad it helped!

  • @sykn3z
    @sykn3z 2 ปีที่แล้ว +14

    Great example and thank You!!!! Can You please do it with more complex ítems. Using custom hooks, redux selectors and fetching data. It would be extremly helpful

  • @wizlon2
    @wizlon2 4 หลายเดือนก่อน

    Incredible video. Very clear with some excellent examples.

  • @ashishmehra2661
    @ashishmehra2661 2 ปีที่แล้ว +1

    Serious stuff. Thanks for sharing.

  • @mounteverest4013
    @mounteverest4013 2 ปีที่แล้ว +1

    Thanks a lot for this. Apply this ASAP

  • @brainpowerofficial1207
    @brainpowerofficial1207 2 ปีที่แล้ว +1

    Amazing from my crew

  • @lubwamaemmanuel7743
    @lubwamaemmanuel7743 8 หลายเดือนก่อน

    Learn something beautiful for my react native projects. Kudos bruv

    • @notjustdev
      @notjustdev  8 หลายเดือนก่อน

      Glad you learned something new 🚀

  • @comment-dev
    @comment-dev ปีที่แล้ว +1

    Good explanation to optimize rn 🤝

  • @calebcadainoo
    @calebcadainoo 2 ปีที่แล้ว +1

    Interesting will explore the Flipper too 😉

  • @ajagannath898
    @ajagannath898 ปีที่แล้ว

    Excellent explanation bro never show in pratical way in TH-cam ❤❤❤❤

  • @venkynavindla6795
    @venkynavindla6795 ปีที่แล้ว +1

    U R D BEST!

  • @eduardocabrera9710
    @eduardocabrera9710 ปีที่แล้ว +1

    Thanks for the clearest explanation I have ever seen until now. Those examples were amazing, besides the demonstration convinced me to stop ignoring those react tools anymore.

  • @ko_rizki
    @ko_rizki ปีที่แล้ว

    that was a clear explanation, thanks, love it.

  • @chetanbawankule8843
    @chetanbawankule8843 2 ปีที่แล้ว +1

    Thank you for this
    This is going to be very helpful

  • @carlosceronsantacruz6854
    @carlosceronsantacruz6854 2 ปีที่แล้ว +1

    Amazing video, Good job

  • @manikantsharma6108
    @manikantsharma6108 ปีที่แล้ว

    Well understood, great video

  • @parthkolgiri7501
    @parthkolgiri7501 ปีที่แล้ว

    Some quality stuff mate!!

  • @codewithfongoh
    @codewithfongoh 3 หลายเดือนก่อน

    GOod content, thank you for sharing.

  • @trendscene5374
    @trendscene5374 2 ปีที่แล้ว +1

    Mesmerizing

  • @geohn8238
    @geohn8238 10 หลายเดือนก่อน

    Powerful video 👌🏼💪

    • @notjustdev
      @notjustdev  10 หลายเดือนก่อน

      Thank you 🙌

  • @HaiTran-tz7hm
    @HaiTran-tz7hm ปีที่แล้ว

    Thank u for the really good example bro 🤘

  • @WOW-fo8gx
    @WOW-fo8gx ปีที่แล้ว

    Great video. Thanks a lot.

  • @stf8375
    @stf8375 ปีที่แล้ว

    Amazing and super well explained thanks !!!

  • @felipemelendez5741
    @felipemelendez5741 ปีที่แล้ว

    This was awesome, thanks!

    • @henrycovil2629
      @henrycovil2629 ปีที่แล้ว

      flipper plugin!!! Maybe it's still relevant for you

  • @areebchoudhary3785
    @areebchoudhary3785 8 หลายเดือนก่อน

    Great work buddy, Love from Pakistan 💚🤍

    • @notjustdev
      @notjustdev  8 หลายเดือนก่อน

      Thank you!

  • @rajkamalsingh2547
    @rajkamalsingh2547 ปีที่แล้ว +1

    Great, Is there any article where i integrate or use flipper into my react native app.

  • @congdung7599
    @congdung7599 2 ปีที่แล้ว +2

    Can you do a video how to add RN Perf monitor in react native project?

  • @abdallasuliman8165
    @abdallasuliman8165 ปีที่แล้ว

    Nice explanation and example, needs more clarification on useMemo vs useCallback.

  • @SahilSharma-ws1oz
    @SahilSharma-ws1oz 10 หลายเดือนก่อน

    Amazing thanks you ❤

  • @JkeyKong
    @JkeyKong ปีที่แล้ว

    where to download the performance test tool in your video? I also want to test my react native performance like you

  • @jabbarahmad5095
    @jabbarahmad5095 2 ปีที่แล้ว +1

    Amazing

  • @VickysTuition
    @VickysTuition ปีที่แล้ว

    Thank you 👍👍👍

  • @beingMeditative56
    @beingMeditative56 ปีที่แล้ว

    'We are trying to check if those objects are allocated in the same space in memory", I heard this at 7:18 sec in video.
    Same space in memory or same object in memory ??
    Got confused here, please clarify.

  • @yan_donyan
    @yan_donyan 3 หลายเดือนก่อน

    thank you for your clear explanation!
    Can you increase the font size? It's difficult to read on my phone without zooming

    • @notjustdev
      @notjustdev  3 หลายเดือนก่อน

      Thanks for the feedback, will take into consideration 🙌

  • @oneafrodev
    @oneafrodev 2 ปีที่แล้ว +1

    well understood!

  • @webmobile21
    @webmobile21 2 หลายเดือนก่อน

    please make a tutorial how to setup flipper and benchmark app

  • @abdelazizelmehammedy9376
    @abdelazizelmehammedy9376 2 ปีที่แล้ว +2

    Thanks for your good tutorial I have a request for you can you please make a react native app which uses the react-query along with AsyncStorage persistance to make offline mutations that resumes after going back online thanks in advance

  • @hascardenas
    @hascardenas 2 ปีที่แล้ว +1

    Thanks for such a helpful video, I'd like to know if you are using Expo or React Native CLI on this video

    • @lukasgrinevicius5868
      @lukasgrinevicius5868 2 ปีที่แล้ว +1

      Thanks! We’re using React Native CLI here

    • @hascardenas
      @hascardenas 2 ปีที่แล้ว +2

      Thanks Lukas, I’d really like a video about config Flipper with Expo, I haven’t found any clear tutorial about it. Just a suggestion heheh 😆 thanks for answering

  • @ziahazara1250
    @ziahazara1250 2 ปีที่แล้ว +2

    What is the applications name by which you tested your applications performance? Can you please share it thanks 😃

  • @sudharsan685
    @sudharsan685 2 ปีที่แล้ว +1

    Usefull video 👌

  • @rohitbansal9183
    @rohitbansal9183 ปีที่แล้ว

    Performance montor is not showing in disabled section in the flipper... Anything I need to add from the code side.

  • @JanghyupLee
    @JanghyupLee ปีที่แล้ว

    Very easy to understand :)

  • @SoftGuy-Denver
    @SoftGuy-Denver 8 วันที่ผ่านมา

    I have a problem hoping someone will answer me
    In local or in expo the performance is good and smooth but after build when i minimize and open it again and again the fps start to drop

  • @SwetaPandey-s6k
    @SwetaPandey-s6k 2 หลายเดือนก่อน

    Plugin 'RN Perf monitor' is unavailable
    in flipper i am getting this message what to do with that ?

  • @milon27
    @milon27 ปีที่แล้ว

    my react natiave app is showing that not able to use Rn perf monitor , why so?

  • @andrepadez
    @andrepadez ปีที่แล้ว +1

    Awesome! What is the tool you're using to check performance?

    • @AnksioXD
      @AnksioXD ปีที่แล้ว

      its called Flipper

  • @starpubgmobilepro
    @starpubgmobilepro 2 ปีที่แล้ว +1

    Cool😎

  • @shadic7858
    @shadic7858 ปีที่แล้ว

    Memo also works when the component props includes an array?

  • @applicationdeveloper9057
    @applicationdeveloper9057 ปีที่แล้ว

    Hello i'm using same technique that you shwon still my logs appear every time on click can you help me ?

  • @amiribrahim01
    @amiribrahim01 2 ปีที่แล้ว

    Thank you

  • @FauziJabbar
    @FauziJabbar 2 ปีที่แล้ว

    Coollll this's i find... mantap mas bruh

  • @rodelcrisosto499
    @rodelcrisosto499 ปีที่แล้ว

    can you please make a guide about flipper?

  • @touseefamjad416
    @touseefamjad416 ปีที่แล้ว

    Good sir
    can you please send me tha video link that define pagination in flast list because i see a large number of list is bad performance in flatlist

  • @jakubmuzik3296
    @jakubmuzik3296 ปีที่แล้ว

    Hello, would it be possible to wrap the flatlists renderitem in useCallback function instead of using the Reat.memo on the child component? Would it have the same result ?

  • @wailynnoo3498
    @wailynnoo3498 8 หลายเดือนก่อน

    May i know your debugging tools ?

  • @necmettinsargn3934
    @necmettinsargn3934 2 ปีที่แล้ว

    Last time I tried work with flipper but it was very hard to start it. Is it easy now?

  • @showbikshowmma3520
    @showbikshowmma3520 ปีที่แล้ว

    Is this valuable for large scale dynamic applications.

  • @JKholmatov
    @JKholmatov ปีที่แล้ว

    I am updating location state via watchposition, and a component that does not include location props is re-rendering anyway, what can be the reason?

    • @stan_de
      @stan_de ปีที่แล้ว

      Is this a nested component? Then you should wrap it with memo and see Magic ;)
      When state changes - it will re-render component, hence it will also re-redender nested components as well.

  • @aidanwalker3058
    @aidanwalker3058 ปีที่แล้ว

    How do I install flipper on expo?

  • @sashomilenov2630
    @sashomilenov2630 2 ปีที่แล้ว

    Great example! Could you tell me the name of the app that you are using for performance check? thank you.

  • @gouravnainwaya5669
    @gouravnainwaya5669 2 ปีที่แล้ว +1

    please make a file transfer app, a vpn app in react native without aws

  • @LanzRuizDesigns
    @LanzRuizDesigns ปีที่แล้ว

    hello may i know what platform you are using to test that react native app?

    • @LanzRuizDesigns
      @LanzRuizDesigns ปีที่แล้ว

      In the following question..do you have github for that demo?

  • @doniaelfouly4142
    @doniaelfouly4142 ปีที่แล้ว

    thanks

  • @zksofficial-zh1gh
    @zksofficial-zh1gh ปีที่แล้ว +1

    Need flipper tutorial

  • @nishantmogha7679
    @nishantmogha7679 2 ปีที่แล้ว +1

    Can you please just increase the font size its really hard to see.

  • @JokeryEU
    @JokeryEU 2 ปีที่แล้ว

    why not use flashList ? instead of flatList

    • @notjustdev
      @notjustdev  2 ปีที่แล้ว +1

      We have a separate video about FlashList, this one we wanted to keep focused on memo, useMemo and useCallback

  • @ThomazMartinez
    @ThomazMartinez ปีที่แล้ว +4

    You dont need memo for this FFS dude, you just need to put that component where you have state changes in seperate component thats it, using memo stuff for everything it shows you have no clue what you doing

  • @bilalrasool8696
    @bilalrasool8696 ปีที่แล้ว

    Can you assist me in determining which version of Flipper is suitable, considering that Flipper has been deprecated. Additionally, React Native Debugger is not functioning with Expo SDK 49, and I'm encountering challenges using Redux in Expo SDK 49.

  • @alexfrozen
    @alexfrozen ปีที่แล้ว

    I declined usage of absolutely all react hooks. Even useState. Only props for decompositions. The only one render at the start. There is a game changer, Reanimated. It's really possible.I've forgot all these re-render nightmare. And have got absolute magic of animations, transitions, swipes and so on. So I heavily recommend research Reanimated in depth instead of all these stuff in video.

  • @khalidnadish
    @khalidnadish 4 หลายเดือนก่อน

    how to install and use flipper pls

  • @nandanithakur2172
    @nandanithakur2172 2 ปีที่แล้ว

    wow 🫀