React Native Performance Optimisation (useMemo, useCallback, memo)

Поделиться
HTML-код
  • Опубликовано: 21 ноя 2024

Комментарии • 92

  • @mateuszpusiewicz8851
    @mateuszpusiewicz8851 2 года назад +26

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

  • @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!

  • @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

  • @parthpriyadarshi9556
    @parthpriyadarshi9556 2 месяца назад

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

    • @notjustdev
      @notjustdev  2 месяца назад

      Glad it was helpful!

  • @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.

  • @ajagannath898
    @ajagannath898 11 месяцев назад

    Excellent explanation bro never show in pratical way in RUclips ❤❤❤❤

  • @lubwamaemmanuel7743
    @lubwamaemmanuel7743 7 месяцев назад

    Learn something beautiful for my react native projects. Kudos bruv

    • @notjustdev
      @notjustdev  7 месяцев назад

      Glad you learned something new 🚀

  • @wizlon2
    @wizlon2 3 месяца назад

    Incredible video. Very clear with some excellent examples.

  • @calebcadainoo
    @calebcadainoo Год назад +1

    Interesting will explore the Flipper too 😉

  • @abdallasuliman8165
    @abdallasuliman8165 Год назад

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

  • @mounteverest4013
    @mounteverest4013 2 года назад +1

    Thanks a lot for this. Apply this ASAP

  • @JkeyKong
    @JkeyKong Год назад

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

  • @andrepadez
    @andrepadez Год назад +1

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

    • @AnksioXD
      @AnksioXD Год назад

      its called Flipper

  • @rajkamalsingh2547
    @rajkamalsingh2547 Год назад +1

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

  • @minusmarigold98
    @minusmarigold98 8 месяцев назад

    Wow , really thanks man i needed that a lot!

  • @congdung7599
    @congdung7599 Год назад +2

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

  • @ashishmehra2661
    @ashishmehra2661 2 года назад +1

    Serious stuff. Thanks for sharing.

  • @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

  • @codewithfongoh
    @codewithfongoh 2 месяца назад

    GOod content, thank you for sharing.

  • @comment-dev
    @comment-dev Год назад +1

    Good explanation to optimize rn 🤝

  • @yan_donyan
    @yan_donyan 2 месяца назад

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

    • @notjustdev
      @notjustdev  2 месяца назад

      Thanks for the feedback, will take into consideration 🙌

  • @brainpowerofficial1207
    @brainpowerofficial1207 2 года назад +1

    Amazing from my crew

  • @chetanbawankule8843
    @chetanbawankule8843 2 года назад +1

    Thank you for this
    This is going to be very helpful

  • @ko_rizki
    @ko_rizki Год назад

    that was a clear explanation, thanks, love it.

  • @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

  • @areebchoudhary3785
    @areebchoudhary3785 7 месяцев назад

    Great work buddy, Love from Pakistan 💚🤍

  • @webmobile21
    @webmobile21 Месяц назад

    please make a tutorial how to setup flipper and benchmark app

  • @venkynavindla6795
    @venkynavindla6795 Год назад +1

    U R D BEST!

  • @HaiTran-tz7hm
    @HaiTran-tz7hm Год назад

    Thank u for the really good example bro 🤘

  • @ziahazara1250
    @ziahazara1250 2 года назад +2

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

  • @manikantsharma6108
    @manikantsharma6108 11 месяцев назад

    Well understood, great video

  • @carlosceronsantacruz6854
    @carlosceronsantacruz6854 2 года назад +1

    Amazing video, Good job

  • @parthkolgiri7501
    @parthkolgiri7501 Год назад

    Some quality stuff mate!!

  • @trendscene5374
    @trendscene5374 2 года назад +1

    Mesmerizing

  • @stf8375
    @stf8375 Год назад

    Amazing and super well explained thanks !!!

  • @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.

  • @rohitbansal9183
    @rohitbansal9183 Год назад

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

  • @sashomilenov2630
    @sashomilenov2630 Год назад

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

  • @WOW-fo8gx
    @WOW-fo8gx Год назад

    Great video. Thanks a lot.

  • @rodelcrisosto499
    @rodelcrisosto499 Год назад

    can you please make a guide about flipper?

  • @milon27
    @milon27 Год назад

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

  • @geohn8238
    @geohn8238 9 месяцев назад

    Powerful video 👌🏼💪

  • @SwetaPandey-s6k
    @SwetaPandey-s6k 2 месяца назад

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

  • @showbikshowmma3520
    @showbikshowmma3520 Год назад

    Is this valuable for large scale dynamic applications.

  • @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 ?

  • @shadic7858
    @shadic7858 Год назад

    Memo also works when the component props includes an array?

  • @oneafrodev
    @oneafrodev 2 года назад +1

    well understood!

  • @felipemelendez5741
    @felipemelendez5741 Год назад

    This was awesome, thanks!

    • @henrycovil2629
      @henrycovil2629 Год назад

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

  • @VickysTuition
    @VickysTuition Год назад

    Thank you 👍👍👍

  • @jabbarahmad5095
    @jabbarahmad5095 2 года назад +1

    Amazing

  • @applicationdeveloper9057
    @applicationdeveloper9057 Год назад

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

  • @necmettinsargn3934
    @necmettinsargn3934 2 года назад

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

  • @FauziJabbar
    @FauziJabbar 2 года назад

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

  • @SahilSharma-ws1oz
    @SahilSharma-ws1oz 10 месяцев назад

    Amazing thanks you ❤

  • @wailynnoo3498
    @wailynnoo3498 7 месяцев назад

    May i know your debugging tools ?

  • @gouravnainwaya5669
    @gouravnainwaya5669 2 года назад +1

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

  • @aidanwalker3058
    @aidanwalker3058 Год назад

    How do I install flipper on expo?

  • @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

  • @JanghyupLee
    @JanghyupLee Год назад

    Very easy to understand :)

  • @sudharsan685
    @sudharsan685 2 года назад +1

    Usefull video 👌

  • @zksofficial-zh1gh
    @zksofficial-zh1gh Год назад +1

    Need flipper tutorial

  • @amiribrahim01
    @amiribrahim01 2 года назад

    Thank you

  • @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.

  • @doniaelfouly4142
    @doniaelfouly4142 Год назад

    thanks

  • @nishantmogha7679
    @nishantmogha7679 2 года назад +1

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

  • @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?

  • @starpubgmobilepro
    @starpubgmobilepro Год назад +1

    Cool😎

  • @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 3 месяца назад

    how to install and use flipper pls

  • @nandanithakur2172
    @nandanithakur2172 2 года назад

    wow 🫀