Définition
PascalCase (aussi orthographié pascal case, Pascal Case ou UpperCamelCase) est une convention de nommage qui consiste à écrire chaque mot avec une majuscule initiale, sans espace ni séparateur entre les mots. Le premier mot prend également une majuscule : ce qui distingue PascalCase du camelCase, où le premier mot reste en minuscules.
Exemples : NomDeClasse, PrixUnitaire, CarteProduit, GestionnaireAuthentification.
Le nom vient du langage de programmation Pascal, développé dans les années 1970 par Niklaus Wirth, qui a popularisé cette convention pour nommer les identifiants. PascalCase est aujourd’hui le standard pour les classes, les types et les composants dans la plupart des langages modernes.
PascalCase vs les 4 conventions de nommage
| Convention | Écriture | Exemple | Usage principal |
|---|---|---|---|
| PascalCase | Majuscule sur chaque mot, y compris le premier | NomDeVariable | Classes, composants React, types TypeScript, interfaces C# |
| camelCase | Premier mot en minuscules, majuscule sur les suivants | nomDeVariable | Variables, fonctions, méthodes en JavaScript/TypeScript |
| kebab-case | Tout en minuscules, mots séparés par des tirets | nom-de-variable | URLs, slugs, classes CSS, attributs HTML |
| snake_case | Tout en minuscules, mots séparés par des underscores | nom_de_variable | Variables Python, noms de fichiers, bases de données SQL |
PascalCase vs camelCase : la différence exacte
C’est la confusion la plus fréquente. Les deux conventions capitalisent chaque mot, mais PascalCase inclut le premier mot, camelCase non :
// PascalCase (majuscule sur TOUS les mots, y compris le premier
NomDeClasse
GestionnaireAuthentification
CarteProduit
// camelCase) premier mot en minuscules, majuscule sur les suivants
nomDeClasse
gestionnaireAuthentification
carteProduitPascalCase est aussi appelé UpperCamelCase précisément pour cette raison : c’est un camelCase où même le premier mot est capitalisé. Les deux termes sont synonymes.
Exemples par langage et framework
React, PascalCase obligatoire pour les composants
En React, le PascalCase est une règle syntaxique, pas une convention optionnelle. React distingue les composants personnalisés des éléments HTML natifs grâce à la majuscule initiale : un composant sans majuscule est interprété comme une balise HTML.
// ✅ 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 : PascalCase dans le JSX
<CarteProduit titre="T-shirt bio" prix={29.90} image="/img/tshirt.webp" />
// ❌ Sans majuscule = interprété comme balise HTML inconnue
<carteProduit /> // erreur ReactJavaScript et TypeScript, classes et interfaces
// Classes JavaScript : PascalCase
class PanierAchat {
constructor(idClient) {
this.idClient = idClient;
this.articles = [];
}
ajouterArticle(article) {
this.articles.push(article);
}
}
// Interfaces TypeScript (PascalCase
interface ProfilUtilisateur {
nom: string;
email: string;
dateInscription: Date;
}
// Types TypeScript) PascalCase
type StatutCommande = 'en_attente' | 'expediee' | 'livree';C# et .NET, standard pour les membres publics
En C#, le PascalCase est la convention officielle Microsoft pour toutes les classes, méthodes et propriétés publiques. Le camelCase est réservé aux paramètres et variables locales privées.
public class GestionnaireCommande
{
// Propriétés publiques (PascalCase
public string NumeroCommande { get; set; }
public decimal MontantTotal { get; set; }
// Méthodes publiques) PascalCase
public void ValiderCommande() { }
public void EnvoyerConfirmation() { }
// Variable privée : camelCase
private readonly string _idInterne;
}Pourquoi utiliser PascalCase ?
- Lisibilité immédiate :
GestionnaireAuthentificationest plus lisible d’un coup d’œil quegestionnaireAuthentificationougestionnaire_authentificationpour identifier un type ou une classe - Convention universelle : PascalCase est le standard de facto pour les classes dans la quasi-totalité des langages orientés objet : Java, C#, Python, Swift, Kotlin, TypeScript
- Distinction visuelle (la majuscule initiale signale immédiatement qu’il s’agit d’un type, d’une classe ou d’un composant) pas d’une variable ou d’une fonction
- Interopérabilité : respecter les conventions de nommage de chaque langage facilite la lecture du code par d’autres développeurs et les outils de linting (ESLint, Prettier, StyleCop)
Variantes orthographiques rencontrées
Les recherches GSC montrent plusieurs orthographes pour le même concept : toutes désignent la même convention :
- PascalCase : orthographe standard en un seul mot
- pascal case : orthographe en deux mots, la plus recherchée sur Google
- Pascal Case : avec majuscules sur les deux mots
- UpperCamelCase : synonyme technique, met en évidence la relation avec camelCase
- pascal_case / pascal-case : variantes typographiques incorrectes (contradictions avec la convention elle-même) mais fréquentes dans les recherches
Vous développez un projet WordPress, WooCommerce ou une application web ?
M-Twice accompagne les e-commerçants et agences belges dans la structure technique et l’architecture de leurs projets digitaux : des conventions de code aux déploiements en production.
C’est quoi le PascalCase ?
PascalCase (ou pascal case) est une convention de nommage qui consiste à écrire chaque mot avec une majuscule initiale, sans espace ni séparateur : y compris le premier mot. Exemples : NomDeClasse, CarteProduit, GestionnaireAuthentification. PascalCase est aussi appelé UpperCamelCase. Il est utilisé en programmation pour nommer les classes, les composants React, les interfaces TypeScript et les types dans la plupart des langages orientés objet (JavaScript, C#, Java, Python, Swift).
Quelle différence entre PascalCase et camelCase ?
La seule différence entre PascalCase et camelCase est la casse du premier mot. En PascalCase, tous les mots prennent une majuscule initiale : y compris le premier : NomDeVariable. En camelCase, le premier mot reste en minuscules et les suivants prennent une majuscule : nomDeVariable. En pratique dans un projet React/TypeScript : PascalCase pour les composants et les types (CarteProduit, ProfilUtilisateur), camelCase pour les variables et les fonctions (handleClick, isLoading).
PascalCase et UpperCamelCase sont-ils la même chose ?
Oui : PascalCase et UpperCamelCase sont deux noms pour la même convention de nommage. UpperCamelCase signifie littéralement “camelCase avec une majuscule sur le premier mot”, ce qui est exactement la définition de PascalCase. Le terme UpperCamelCase est plus utilisé dans les contextes où on veut opposer explicitement les deux variantes (UpperCamelCase vs lowerCamelCase), tandis que PascalCase est le terme standard dans la documentation de la plupart des langages et frameworks.
Pour aller plus loin
- camelCase : la convention complémentaire du PascalCase pour les variables et fonctions
- kebab-case : la convention standard pour les URLs, slugs et classes CSS
- UpperCamelCase : le synonyme exact de PascalCase
- Notre expertise e-commerce : développement WordPress, WooCommerce et architecture technique pour e-commerçants belges

