PascalCase

C’est quoi le PascalCase ?

Le PascalCase est une convention d’écriture qui consiste à mettre en majuscule la première lettre de chaque mot, sans espace ni séparateur. Exemple : NomDeClasse, PrixUnitaire, MonComposantReact. Le nom vient du langage de programmation Pascal, qui a popularisé cette convention dans les années 1970.

C’est l’une des 4 grandes conventions de nommage utilisées en développement web, aux côtés du camelCase, du kebab-case et du snake_case.

Exemples de PascalCase en JavaScript, C# et React

Le PascalCase s’utilise dans des contextes très précis selon le langage ou le framework :

En JavaScript et TypeScript — pour nommer les classes et les constructeurs :

// Classes
class PanierAchat {
  constructor(idClient) {
    this.idClient = idClient;
    this.articles = [];
  }
}

// Interfaces TypeScript
interface ProfilUtilisateur {
  nom: string;
  email: string;
  dateInscription: Date;
}

En React — le PascalCase est obligatoire pour nommer les composants. React distingue les composants des éléments HTML natifs grâce à cette majuscule initiale :

// Composant React — PascalCase obligatoire
function CarteProduit({ titre, prix, image }) {
  return (
    <div className="carte-produit">
      <img src={image} alt={titre} />
      <h2>{titre}</h2>
      <span>{prix} €</span>
    </div>
  );
}

// Utilisation
<CarteProduit titre="T-shirt bio" prix={29.90} />
// vs élément HTML natif en minuscules
<div>, <span>, <button>

En C# et .NET — le PascalCase est la convention standard pour toutes les méthodes, propriétés et classes publiques :

public class GestionnaireCommande
{
    public string NumeroCommande { get; set; }
    public decimal MontantTotal { get; set; }

    public void ValiderCommande() { }
    public void EnvoyerConfirmation() { }
}

PascalCase vs camelCase : quelle différence ?

C’est la confusion la plus fréquente. Les deux conventions mettent une majuscule au début de chaque mot — mais PascalCase inclut le premier mot, camelCase non :

PascalCase → NomDeVariable — chaque mot commence par une majuscule, y compris le premier. Utilisé pour les classes, composants et types.

camelCase → nomDeVariable — le premier mot reste en minuscules, les suivants prennent une majuscule. Utilisé pour les variables et fonctions.

En pratique dans un projet React typique, vous utiliserez les deux : PascalCase pour vos composants (BoutonPrimaire, CarteArticle) et camelCase pour vos variables et fonctions (handleClick, isLoading). Si vous démarrez un projet web et souhaitez adopter les bonnes pratiques dès le départ, notre agence web en Belgique vous accompagne sur la structure technique et l’architecture de code.

Pourquoi utiliser le PascalCase ?

Lisibilité immédiate. La majuscule sur chaque mot rend les identifiants longs faciles à lire d’un coup d’œil — GestionnaireAuthentification est bien plus lisible que gestionnaireAuthentification ou gestionnaire_authentification pour une classe.

Convention universelle pour les classes. Quel que soit le langage — JavaScript, TypeScript, C#, Java, PHP — le PascalCase est la convention quasi universelle pour nommer les classes et les types. Respecter cette norme facilite la lecture de tout code par n’importe quel développeur.

Obligatoire en React. Ce n’est pas qu’une convention stylistique : en React, un composant dont le nom commence par une minuscule sera interprété comme un élément HTML natif et ne fonctionnera pas correctement. PascalCase est donc une règle fonctionnelle, pas seulement esthétique.