PascalCase Konverter
Text, snake_case oder kebab-case in PascalCase umwandeln. Kostenloser PascalCase Konverter für Klassennamen und Typnamen online.
Beispiel — tippe oben deinen eigenen Text ein, um ihn umzuwandeln.
Ein PascalCase Konverter verbindet Wörter ohne Trennzeichen und schreibt den ersten Buchstaben jedes Worts groß, auch beim ersten, wie UserFirstName. Das ist die übliche Namenskonvention für Klassen, Typen und Komponenten.
Beispiele
| Vorher | Nachher |
|---|---|
| user first name | UserFirstName |
| shopping_cart_item | ShoppingCartItem |
| nav-bar | NavBar |
Einsatzbereiche: PascalCase Konverter
PascalCase – auch Upper Camel Case genannt – signalisiert in der gesamten Branche „das ist ein Typ, kein Wert“: Klassen und Interfaces in Java, C#, TypeScript, Swift und Kotlin sowie React- und Vue-Komponenten. React setzt es zwingend voraus: Ein klein geschriebenes JSX-Tag wird als HTML-Element behandelt, also rendert <navBar /> stillschweigend nichts, während <NavBar /> deine Komponente rendert.
C#-Methoden und -Properties nutzen ungewöhnlich PascalCase, wo Java camelCase verwenden würde. Auch Enum-Werte und Typ-Aliase in statisch typisierten Sprachen folgen dieser Konvention. Sie ist funktional, nicht kosmetisch: Linter wie ESLints Regel react/jsx-pascal-case lassen einen Build scheitern, und in React ändert der Unterschied zwischen PascalCase und camelCase, was der Code tatsächlich tut.
Häufige Fragen
Ist PascalCase dasselbe wie camelCase?
Nein. Beide entfernen Trennzeichen und schreiben innere Wörter groß, aber PascalCase schreibt auch den ersten Buchstaben groß. UserName ist PascalCase; userName ist camelCase.
Warum müssen React-Komponenten PascalCase verwenden?
JSX behandelt klein geschriebene Tags als eingebaute HTML-Elemente und großgeschriebene als Komponenten. Eine Komponente namens navBar rendert nicht – React sucht stattdessen nach einem HTML-Element namens navbar.