How To Maximize Performance In Your React Apps

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

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

  • @gosnooky
    @gosnooky Год назад +44

    Fantastico. The BIGGEST issue I see these days are people developing on state-of-the-art machines and don't bother to check performance on slow and older devices. This has huge implications if you want to target users in developing countries where most people are using older Android mobile devices with slow mobile connections (or even slow Wifi).

  • @arindam_chowdhury
    @arindam_chowdhury Год назад +19

    I have always wanted a thorough breakthrough of using the React profiler. Thank you so much!

  • @ahmedsherif3116
    @ahmedsherif3116 Год назад +10

    when I saw the title I jumped right away to watch ❤
    keep it going your content is just perfect ❤❤

  • @devsDojo
    @devsDojo Год назад +4

    This is lesser talked about. I'm glad that you brought them with such amazing explanation.

  • @tririfandani1876
    @tririfandani1876 Год назад +11

    Yes. More performance videos please

  • @EricSundquistKC
    @EricSundquistKC Год назад +5

    OMG, I've been using these tools all wrong! Thanks a million. 👍

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

    Thanks for the very informative video! Also, you have a really good and rich speech! ❤

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

    This is exactly what I am needing right now thank you

  • @jorgejorge8878
    @jorgejorge8878 2 месяца назад +1

    You've helped me a lot during these 3+ years of doing react. Thanks a lot for the good stuff.

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

    this is such a golden thing to learn , thank you

  • @maherylala2153
    @maherylala2153 3 дня назад

    Couldn't ask for a more useful video

  • @rayaqin
    @rayaqin 9 месяцев назад +30

    it would have been a lot better if you removed a realistic issue that was slowing down rendering instead of a sleep function

  • @kutchbhi1
    @kutchbhi1 25 дней назад

    This was amazingly useful . thanks

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

    great video as always, thank you WDS

  • @Pavel_k7
    @Pavel_k7 Год назад +7

    Is there any way to use it with next js projects?

  • @user-gm3lg8gp3m
    @user-gm3lg8gp3m Год назад +1

    This is so valuable, thanks!

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

    I would love a video on how to do optimize React apps with Webpack for both dev and production environments. There are so many plugins and tools to minify and condense code!

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

    Excellent information, thanks man!

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

    Whole video explaination is going bounce from my head
    😅😅

  • @jnsjknn
    @jnsjknn Год назад +15

    This is great. Would you make a video about compression and other things affecting PageSpeed Insights Score / SEO?

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

      If you use lazy loading in react, you will get really good score.

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

      @@eminm6383 it sure helps but there's other things too

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

    Thank you so much Kyle, This is the video I was looking for. ❤from Pakistan

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

    Thanks for providing me with this delicious information today 💯

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

    Nice thanks Kyle! 😊

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

    Thanks for this Kyle 🤝

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

    Checked your project...nice for every kind of functionality and hook practice

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

    As a react Dev for 5/6 years the profiler if about the only thing I've never really used or understood the graph it displays

  • @HHJoshHH
    @HHJoshHH 6 месяцев назад

    Thank you so much Kyle. I'm really learning a lot from your channel. But what if you had an issue where the modal opens and closes but once it's closed the page goes dead and nothing works. How would you go about finding the issue?

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

    this is great! thank you!!

  • @Entertainment-km4ky
    @Entertainment-km4ky 4 месяца назад

    Great Info

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

    Do you have anything that deals with arrays of state? I'm really struggling with state management for arrays of objects.

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

      What type of state management I'm also learning web dev wanna connect

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

    Can you do a video on how to optimise the cold start time using nextjs ssr?

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

    Wooow, thank you broooo!!!!)))

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

    This is a great video. I almost unsubscribed to this channel because of all the clickbait thumbnails with you "screeming" etc. No need for that. Keep to this great content and thumbnails that make sense.

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

    Thanks ❤

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

    Fnatastic video..should we use lighthouse or react profiler for undersatynding perfromance issues in react appaclition ?

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

    thank you! but dam 84 times render for each cycle about 20ms that's so slow, In my university I calculate instructions that take pc or ns, not ms. Is there not an option to make it render fewer times? it sounds so much and only for a table

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

    btw which table library did you use in this project?

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

      bro pretty much all the popular libraries have a table component.

  • @abdallasuliman8165
    @abdallasuliman8165 18 дней назад

    How to know which hook changed? it's just showing numbers

  • @Blue-bb9ro
    @Blue-bb9ro 9 месяцев назад

    Awesome!

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

    anyone knows why react developer tools not working for next app dirr ?

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

    hi can you do a vedio about costumizing shad cn an advanced course about iy

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

    can you make how to debug from source debugging technique react app from chrome dev tool .

  • @27sosite73
    @27sosite73 Год назад

    ty mate

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

    That's 😍 amazing

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

    Nice video

  • @gg.cip0t
    @gg.cip0t Год назад

    i am learning ant design, do you have any suggestion if i should continue or learn other thing???

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

    Please make a video on million js implementation with react
    Vote up 🖐️

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

    Please make video for this. In react when i type first letter in input is losing focus😢😢😢😢😢😢

  • @lallenfrancisl
    @lallenfrancisl 9 месяцев назад +1

    Such a good video but very low number of views

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

    "While others are incredibly slow" *clicks on link, it almost immediately loads 😂

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

    👏👏

  • @jklyfg9893
    @jklyfg9893 3 месяца назад +1

    Does someone really use Profiler in daily routine work? For me it is useless

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

    wow ,now I can make my application faster

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

    The second part is about async await construction. I still don't know how this construction seems while debugging. Try please

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

    Kyle. Can you please make Laravel videos?

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

    How? By using server side scripting language, awesome now, PHP, with the Symfony framework and with a little extra in Hotwire Stimulus and Turbo! Turning JSON into HTML using JavaScript is crazy way of doing things to me ;)

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

    Just get another guitar stand Kyle

  • @ShivamPandey-mw5zh
    @ShivamPandey-mw5zh Год назад

    1k th like😃

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

    First comment

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

    The best performance hack is not to use react.

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

      i was about to say that xD

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

    You doing very great content, but stop moving your head lol that really embarrassing.

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

    I just don't like to use react of anything

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

    Watching this feel wrong. We need AI stuff!!

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

    Plot twist - you realize that React is bs, and start using Vue. Congrats, you are sane person now!

    • @null_spacex
      @null_spacex Год назад +6

      Go away

    • @Dev-Siri
      @Dev-Siri Год назад

      You realize you are still the same person and still insane. Congrats, you are insane person now!

  • @mehedi-kun
    @mehedi-kun Год назад

    How To Maximize Performance In Your React Apps? Just ditch React!