ToolboxKit

Conversor de JSON para TypeScript

Cole um exemplo JSON, como uma resposta de API, para gerar as interfaces TypeScript correspondentes. Objetos aninhados ganham seu próprio tipo nomeado.

Seus arquivos nunca saem do seu aparelho — tudo acontece no navegador.

JSON
TypeScript

Como usar

  1. 1Cole um exemplo JSON, de preferência uma resposta real de API.
  2. 2Defina o nome do tipo raiz, por exemplo User ou ApiResponse.
  3. 3Escolha gerar declarações interface ou type.
  4. 4Copie o código gerado ou baixe como types.ts.

Perguntas frequentes

Como os campos opcionais são detectados?

Se o JSON tem um array de objetos, o gerador combina todos os itens. Uma chave que falta em alguns itens é marcada como opcional (?). Você também pode tornar todos os campos opcionais.

Que tipo recebe null?

Um valor null vira o tipo null. Se o mesmo campo às vezes tem uma string e às vezes null, você recebe uma união como string | null.

É melhor usar interface ou type?

Para formatos simples de objeto, os dois são quase equivalentes. Interfaces podem ser estendidas e mescladas; aliases de type também servem para uniões e outros tipos. Use o que o seu código já usa.

Meu JSON é enviado para algum lugar?

Não. Os tipos são gerados no navegador, então respostas de API com dados privados ficam no seu aparelho.

Ferramentas relacionadas