3

Wondering if it is normal for React Dev Tool on Chrome to components as many single letters on inspection?

I am trying to inspect some websites to better understand how good companies structure and write their React code, but all I ever see is stuff like <t> <y>, etc.

Here is an image of what I'm seeing:

https://ibb.co/4gCx7DJ

Could someone explain why this is?

IndustryDesigns
  • 1,938
  • 2
  • 12
  • 22
  • 2
    This is called [minification](https://en.wikipedia.org/wiki/Minification_(programming)) to reduce file sizes transmitted over the web and to a limited extent obfuscate the code. – Toivo Säwén Mar 29 '20 at 22:20

1 Answers1

4

Applications in production minify there code to save network resources. Thus, when you inspect in the devtools you do not see the full component names. However the prop names and state should be visible.

iveedee
  • 572
  • 1
  • 5
  • 15