title: What is React Component 'displayName' Used For?
body: <p>I know that is <a href="https://github.com/yannickcr/eslint-plugin-react/blob/master/docs/rules/display-name.md" rel="nofollow noreferrer">it considered a good practice</a> to name react component by adding a <code>displayName</code> property, but not sure I know why. In the React docs, it says:</p>
  <blockquote>
  <p>The displayName string is used in debugging messages. JSX sets this value automatically; see JSX in Depth.</p>
  </blockquote>
  <p>Why is this so important?  What will happen if I don't add it?  (So far I haven't had it and had no issues debugging.)</p>
  <p>Are there any recommendations /  good practices on how to name the components?</p>