React Developer Tools | Components & Profiler

Поделиться
HTML-код
  • Опубликовано: 12 сен 2024
  • In this video you will learn how to use the React Dev Tools: Components to visualize and change data in your component while your app is running & Profiler to find performance issues inside your React project.
    If you wish to support me by buying me a coffee, thank you very much for the support!: www.buymeacoff...
    =============================================================
    📚 Resources:
    📘 Chrome: chrome.google....
    📘 Firefox: addons.mozilla...
    =============================================================
    🚀 Follow me:
    ✔️ Blog: raulterhes.com
    ✔️ Twitter: / raulbterhes
    ✔️ Facebook: / raulterhesdev
    ✔️ GitHub: github.com/rau...
    =============================================================

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

  • @RaulTerhes
    @RaulTerhes  3 года назад +2

    Hope you enjoyed the video. If you have any questions you can leave a comment and I'll answer all of them.
    Don't forget to subscribe to the channel so you don't miss the latest releases: ruclips.net/channel/UCuE9oRyg4spY8W0z6eqhBrg

  • @valery.weasel
    @valery.weasel 2 года назад +6

    Great tutorial, clear explanations. Surprisingly short, considering you touched on pretty much every button and function in the Profiler. This was really helpful, thank you!!

  • @tejaspatil3869
    @tejaspatil3869 3 года назад +4

    very Awesome bro, I understand whole things about profiler from your video. The way you present this it's pretty simple to understand and crystal clear, Thanks

    • @RaulTerhes
      @RaulTerhes  3 года назад

      Happy you learned something from it!

  • @OdradasMarch2027
    @OdradasMarch2027 3 года назад +1

    Nice short videos, make such like small videos regarding core concepts of ReactJS. Well done bro !!!!👌🏼👌🏼👌🏼👌🏼👌🏼👌🏼👌🏼

  • @Ctrl_Alt_Elite
    @Ctrl_Alt_Elite 3 года назад +5

    Hey great video! I subbed & clicked the bell 😉 your content is quality.
    One question though. In the Profiler, how do you read the render time for a component? e.g. in the Profiler, where it says something like "ListItem (5.6ms of 48.1ms)" - what do each of these time measurements mean? And which one is the render time?
    Keep up the great work 😁

    • @RaulTerhes
      @RaulTerhes  3 года назад +2

      Thanks for the sub! So for the example of 5.6ms of 48.1ms, 5.6ms is the render time of the ListItem (so that specific component) while 48.1ms is the total time of the render cycle (so for all the components)

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

    Raul, Nice and in short but very good information shared. Thanks

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

    Great tut, short but learned a lot! You should continue creating videos!

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

    Thanks Raul for simple clear explanation.

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

    Thanks man, it is a very good tutorial

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

    Quality content Raul Terhes. Keep going :)

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

    Thank you for your explanations.

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

    I enjoyed this video. Please make more!!!

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

    Thanks a lot mate for sharing your knowledge.

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

    I love the way of explaination

  • @TRIZ-Bogatyregold
    @TRIZ-Bogatyregold 2 года назад +1

    Thx a lot for this video! Cheers man!

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

    Loved the accent! Great vid, thanks!

  • @user-qo9zb1ej1d
    @user-qo9zb1ej1d Год назад

    thanks a lot. i really needed it

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

    Easiest process on the youtube !! Greaat !!

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

    Thanks for sharing!

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

    Great channel. Thank you.

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

    simple explanation, thank you

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

    Thanks!

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

    Great video. Thanks.

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

    great video, thanks!

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

    You are great thank you👌

  • @mohammedrakib6538
    @mohammedrakib6538 3 года назад +1

    Awesome video.

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

    very helpful

  • @avimehenwal
    @avimehenwal 3 года назад +1

    awesome video bro

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

    what a class! thanks a lot

  • @arazmammadov9276
    @arazmammadov9276 3 года назад +1

    Thanks bro!

  • @nopedev1121
    @nopedev1121 3 года назад +1

    thank you!

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

    amazing

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

    awesome really helpful content
    +1Sub and fan

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

    thank u

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

    help a lot,can i translate to chinese and help others to learn how to use this tool?

  • @jefersonSanchez313
    @jefersonSanchez313 3 года назад +1

    Thank you, can you say the VS code theme that you used? please

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

    In the Why did it rendered section. It says Hooks 17 changed. What does that mean. Where should i check Hook 17 ?

  • @igor.zxcvbnm
    @igor.zxcvbnm 10 месяцев назад

    Спасибо!

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

    what if you keys in listitem will the listitem comones will rerender ?

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

    why i can't record my flamechart profiler, the button isn't turning to red?