Qué es PascalCase
PascalCase quita los espacios entre palabras y pone mayúscula en la primera letra de cada una:
user profile cardpasa aUserProfileCardorder_line_itempasa aOrderLineItemhttpClientpasa aHttpClient
Solo se diferencia de camelCase en una cosa: la primera letra también va en mayúscula.
Cómo funciona el convertidor
En cada línea, la herramienta encuentra las palabras, pone en mayúscula la primera letra de cada una, pasa el resto a minúscula y las une. Entiende palabras separadas por espacios, guiones bajos, guiones y puntos, y divide los nombres en camelCase por sus mayúsculas. Los apóstrofos y los signos de puntuación se eliminan.
| Texto | Resultado |
|---|---|
| user profile card | UserProfileCard |
| order_line_item | OrderLineItem |
| nav-bar-item | NavBarItem |
| getUserById | GetUserById |
| payment gateway response | PaymentGatewayResponse |
Las tildes y la ñ se conservan: “tarjeta de perfil” pasa a TarjetaDePerfil, pero “año fiscal” pasaría a AñoFiscal. Si tu proyecto usa solo ASCII en los identificadores, quita antes las tildes con el generador de slugs.
Dónde se usa PascalCase
- Nombres de clases en Java, C#, Python, TypeScript, Swift, Kotlin y la mayoría de los lenguajes orientados a objetos
- Componentes de React, Vue y Svelte:
UserCard,NavBar - Tipos e interfaces de TypeScript:
UserProfile,ApiResponse - C#: nombres de métodos y propiedades, además de clases
- Go: funciones y tipos exportados, que deben empezar con mayúscula para ser visibles fuera de su paquete
- Nombres de enumeraciones en muchos lenguajes
Una regla práctica que sirve en la mayoría de los lenguajes: lo que se instancia (clases, tipos, componentes) usa PascalCase, y las instancias usan camelCase o snake_case. Así, una clase UserProfile produce una variable userProfile.
Conversiones típicas
De tablas de la base de datos a clases de modelo. Una tabla llamada order_line_items suele corresponder a una clase llamada OrderLineItem. Pega los nombres de las tablas, convierte la lista y quita el plural donde haga falta.
De nombres de archivo a nombres de componentes. Un archivo llamado user-card.jsx suele exportar un componente llamado UserCard.
De descripciones a nombres de tipos. Escribe “api error response” y obtén ApiErrorResponse.
Consejos para los nombres
- Usa sustantivos para las clases y los tipos:
Invoice, noProcessInvoice. - Evita abreviaturas que solo entiendas tú.
CustomerAddresses más claro queCustAddr. - Elige una regla para las siglas (
HttpClientoHTTPClient) y mantenla en todo el proyecto.