Conversor de PascalCase
Converte texto, snake_case ou kebab-case para PascalCase online. Grátis, para nomes de classes, tipos e componentes React.
Exemplo — escreve o teu texto acima para converter.
Um conversor de PascalCase junta as palavras sem separadores e capitaliza a inicial de todas, incluindo a primeira, como NomeDoUtilizador. É a convenção para classes, tipos e componentes.
Exemplos
| Antes | Depois |
|---|---|
| user first name | UserFirstName |
| shopping_cart_item | ShoppingCartItem |
| nav-bar | NavBar |
Quando usar o Conversor PascalCase
O PascalCase — também chamado upper camel case — sinaliza "isto é um tipo, não um valor" em quase toda a indústria: classes e interfaces em Java, C#, TypeScript, Swift e Kotlin; membros de enums; e componentes React e Vue.
No React a convenção não é cosmética, é obrigatória: o JSX trata tags minúsculas como elementos HTML, por isso <navBar /> não renderiza nada, enquanto <NavBar /> renderiza o teu componente. Linters como a regra react/jsx-pascal-case do ESLint chumbam builds por causa disto.
Em C#, invulgarmente, também os métodos e propriedades usam PascalCase, onde o Java usaria camelCase.
Perguntas frequentes
PascalCase é o mesmo que camelCase?
Não. Ambos removem separadores e capitalizam as palavras interiores, mas o PascalCase também capitaliza a primeira letra. NomeUtilizador é PascalCase; nomeUtilizador é camelCase.
Porque é que os componentes React têm de usar PascalCase?
O JSX trata tags minúsculas como elementos HTML nativos e tags capitalizadas como componentes. Um componente chamado navBar não renderiza — o React procura um elemento HTML "navbar".
PascalCase também se chama upper camel case?
Sim, os dois termos são intercambiáveis. O nome "PascalCase" vem da linguagem Pascal, que popularizou o estilo.