PascalCase

Le PascalCase (ou « Case Pascal ») est une convention de nommage où chaque mot commence par une lettre majuscule, sans espace ni tiret bas entre eux.

Cette convention est utilisée dans la déclaration des classes dans de nombreux langages.

Chaque mot commence par une majuscule.

• Format : Mot1Mot2Mot3
• Exemple : MonComposant, UserProfile, HeaderNav

ConventionDeNommage

Exemple :

/*
* Déclaration d'une classe en JavaScript
*/

class MaNouvelleClasse{
}

En React, le PascalCase est obligatoire pour le nom des composants (fonctions ou classes) et leur utilisation dans le JSX.

// CORRECT (PascalCase)
function MonComposant() {
  return <h1>Bonjour</h1>;
}

// INCORRECT (camelCase ou minuscules)
function monComposant() { 
  return <h1>Bonjour</h1>;
}

Utilisation dans le JSX

function App() {
  return (
    <div>
      {/* CORRECT : React reconnaît ceci comme un composant personnalisé */}
      <MonComposant /> 

      {/* INCORRECT : React cherchera une balise HTML <moncomposant> qui n'existe pas */}
      <moncomposant /> 
    </div>
  );
}

Nom des fichiers (Convention forte)

Bien que ce ne soit pas une règle technique stricte du compilateur, la communauté React suit presque toujours cette convention pour les noms de fichiers :

MonComposant.js ou MonComposant.jsx