Dos dados ao código

Entre com JSON.
Saia com TypeScript.

Converta exemplos JSON em interfaces ou aliases de tipo TypeScript para seu projeto.

Seus dados não saem deste navegador
JSON → TypeScriptAnalise · Infira · Gere
JSON DE ENTRADA0 caracteres
TYPESCRIPT
O código gerado aparecerá aqui

O resultado é inferido a partir do exemplo e pode precisar de ajustes.

Pronto para gerar Ctrl + Enter para gerar
GUIA TYPESCRIPT

Gere tipos TypeScript a partir de JSON

Como os tipos TypeScript são inferidos?

O gerador analisa cada valor JSON e converte strings, números, booleanos, arrays e objetos aninhados em declarações TypeScript.

Por que algumas propriedades podem ser opcionais?

Quando uma propriedade não está presente em todos os objetos de um array, a interface gerada a marca como opcional com o modificador ?.

Devo revisar os tipos gerados?

Sim. Um exemplo JSON não representa todas as respostas possíveis de uma API. Revise valores null, arrays vazios, datas, identificadores e uniões específicas do domínio antes de usar em produção.

03 / CÓDIGO

Um exemplo.
Tipos úteis.

01

Inferência conservadora

Gere tipos claros sem presumir que strings sejam datas, UUIDs ou enumerações.

02

Estruturas aninhadas

Crie declarações separadas para objetos e detecte propriedades opcionais em arrays.

03

Avisos claros

Identifique arrays vazios, valores null e inteiros que possam perder precisão.