• Home
• org.sonarsource.javascript
• javascript-checks
• 10.22.0.32148
• source code
• S6770.html

×

Project download

Many resources are needed to download a project. Please understand that we have to compensate our server costs. Thank you in advance.
Project price only 1 $

You can buy this project and download/modify it how often you want.

org.sonar.l10n.javascript.rules.javascript.S6770.html Maven / Gradle / Ivy

Why is this an issue?
User-defined JSX components should use Pascal case because it is a widely accepted convention in the React community. Using Pascal case for
component names helps to distinguish them from HTML elements and built-in React components, which are typically written in lowercase. It also improves
code readability and makes it easier to differentiate between components and regular HTML tags.
Additionally, adhering to this convention ensures consistency and makes it easier for other developers to understand and work with your code. It is
considered a best practice in React development and is recommended by the official React documentation.
<MY_COMPONENT />

You should rename your component according to Pascal case and all its usages as JSX elements.
<MyComponent />

Resources
Documentation

  
 React Documentation - Creating and nesting components