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...
=============================================================
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
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!!
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
Happy you learned something from it!
Nice short videos, make such like small videos regarding core concepts of ReactJS. Well done bro !!!!👌🏼👌🏼👌🏼👌🏼👌🏼👌🏼👌🏼
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 😁
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)
Raul, Nice and in short but very good information shared. Thanks
Great tut, short but learned a lot! You should continue creating videos!
Thanks Raul for simple clear explanation.
Thanks man, it is a very good tutorial
Quality content Raul Terhes. Keep going :)
Thank you for your explanations.
I enjoyed this video. Please make more!!!
Thanks a lot mate for sharing your knowledge.
I love the way of explaination
Thx a lot for this video! Cheers man!
Loved the accent! Great vid, thanks!
thanks a lot. i really needed it
Easiest process on the youtube !! Greaat !!
Thanks for sharing!
Great channel. Thank you.
simple explanation, thank you
Thanks!
Great video. Thanks.
great video, thanks!
You are great thank you👌
Awesome video.
very helpful
awesome video bro
what a class! thanks a lot
Thanks bro!
thank you!
amazing
awesome really helpful content
+1Sub and fan
thank u
help a lot,can i translate to chinese and help others to learn how to use this tool?
Thank you, can you say the VS code theme that you used? please
In the Why did it rendered section. It says Hooks 17 changed. What does that mean. Where should i check Hook 17 ?
Спасибо!
what if you keys in listitem will the listitem comones will rerender ?
why i can't record my flamechart profiler, the button isn't turning to red?