title: Is there an official style guide or naming convention for React based projects?
body: <p>I'm setting up a React project with my team that will use mobX as state manager, plus TypeScript.</p>
  
  <p>I've seen a common pattern in the casing and naming patterns in React Projects:</p>
  
  <ol>
  <li>Non-React Folders and Files: <code>camelCase</code> or <code>kebab-case</code></li>
  <li>React (inside <code>components</code> folder): <code>PascalCase</code></li>
  </ol>
  
  <p>Is there a formal convention for folder/file naming in react? If not, is there a style guide on which this pattern is based? Or a reason why this one is used most of the times?</p>