Convertidor a PascalCase
Convierte texto, snake_case o kebab-case a PascalCase. Convertidor de PascalCase online y gratis para nombres de clases y tipos.
Ejemplo — escribe tu propio texto arriba para convertirlo.
Un convertidor a PascalCase une las palabras sin separadores y pone en mayúscula la primera letra de cada palabra, incluida la primera, como UserFirstName. Es el estilo de nomenclatura habitual para clases, tipos y componentes.
Ejemplos
| Antes | Después |
|---|---|
| user first name | UserFirstName |
| shopping_cart_item | ShoppingCartItem |
| nav-bar | NavBar |
Cuándo usar Convertidor a PascalCase
PascalCase —también llamado upper camel case— indica "esto es un tipo, no un valor" en gran parte de la industria: clases e interfaces en Java, C#, TypeScript, Swift y Kotlin, y componentes de React y Vue. React lo exige: una etiqueta JSX en minúscula se trata como elemento HTML, así que <navBar /> no renderiza nada mientras que <NavBar /> sí muestra tu componente.
También se usa en métodos y propiedades de C# (donde Java usaría camelCase), en miembros de enum y en alias de tipos de la mayoría de lenguajes tipados. La convención es funcional, no estética: linters como la regla react/jsx-pascal-case de ESLint pueden hacer fallar el build, y en React la diferencia entre PascalCase y camelCase cambia lo que el código hace.
Preguntas frecuentes
¿Es PascalCase lo mismo que camelCase?
No. Ambos quitan separadores y ponen en mayúscula las palabras interiores, pero PascalCase también capitaliza la primera letra. UserName es PascalCase; userName es camelCase.
¿Por qué los componentes de React deben usar PascalCase?
JSX trata las etiquetas en minúscula como elementos HTML y las capitalizadas como componentes. Un componente llamado navBar no se renderiza: React busca un elemento HTML llamado navbar.