Convertisseur PascalCase
Convertissez texte, snake_case ou kebab-case en PascalCase. Convertisseur PascalCase gratuit pour noms de classes et de types.
Exemple — saisissez votre texte ci-dessus pour le convertir.
Un convertisseur PascalCase joint les mots sans séparateur et met une majuscule à chaque mot, y compris le premier, comme UserFirstName. C'est le style de nommage conventionnel pour les classes, les types et les composants.
Exemples
| Avant | Après |
|---|---|
| user first name | UserFirstName |
| shopping_cart_item | ShoppingCartItem |
| nav-bar | NavBar |
Quand utiliser Convertisseur PascalCase
Le PascalCase — aussi appelé camel case majuscule — signale « ceci est un type, pas une valeur » dans une grande partie du secteur : les classes et interfaces en Java, C#, TypeScript, Swift et Kotlin, ainsi que les composants React et Vue. React l'impose : une balise JSX en minuscules est traitée comme un élément HTML, donc <navBar /> ne rend rien alors que <NavBar /> affiche votre composant.
Les méthodes et propriétés C# utilisent aussi le PascalCase, là où Java emploierait le camelCase. La convention est structurante, pas cosmétique. Des linters comme la règle react/jsx-pascal-case d'ESLint feront échouer un build, et en React la différence entre PascalCase et camelCase change ce que le code fait réellement.
Questions fréquentes
Le PascalCase est-il identique au camelCase ?
Non. Les deux suppriment les séparateurs et mettent une majuscule aux mots internes, mais le PascalCase met aussi une majuscule au premier mot. UserName est du PascalCase ; userName est du camelCase.
Pourquoi les composants React doivent-ils utiliser le PascalCase ?
JSX traite les balises minuscules comme des éléments HTML natifs et les balises capitalisées comme des composants. Un composant nommé navBar ne s'affichera pas — React cherche un élément HTML appelé navbar à la place.