Entrada JSON

Saída Flow

O que é o Gerador JSON para Flow?

Flow é um verificador de tipos estático para JavaScript desenvolvido pela Meta. Este gerador lê um documento JSON e produz declarações de tipo Flow que correspondem exatamente à sua estrutura.

Ao contrário do TypeScript, o Flow se integra a arquivos JS existentes via pragma de comentário e é removido em tempo de compilação. Esta ferramenta gera aliases de tipos Flow prontos para uso.

Como converter JSON para tipos Flow

Siga estes três passos para gerar definições de tipos Flow a partir dos seus dados JSON.

1

Cole ou carregue JSON

Cole seu JSON no painel esquerdo ou carregue um arquivo.

2

Revise os tipos Flow

O painel direito mostra as declarações de tipo Flow geradas.

3

Copie ou baixe

Clique em Copiar ou Baixar para salvar os tipos Flow.

Casos de uso

Apps React e React Native

Gere tipos de props e estado diretamente do seu JSON de resposta API.

Tipagem de respostas API

Cole uma resposta de exemplo e obtenha tipos Flow instantaneamente.

Migração de JS legado

Adicione tipos Flow incrementalmente a uma base de código JavaScript existente.

Tipagem de arquivos de configuração

Arquivos de configuração JSON complexos podem ser tipados com Flow.

Perguntas frequentes

Qual é a diferença entre Flow e TypeScript?

Ambos são sistemas de tipos estáticos para JavaScript. Flow anota arquivos JS simples; TypeScript é um superconjunto compilado de JS.

Tipos de objeto exatos são gerados?

Por padrão, tipos inexatos são gerados. Você pode adicionar a sintaxe {| ... |} para torná-los exatos.

Como os arrays são tratados?

Arrays são tipados como Array onde T é inferido do primeiro elemento.

Meu JSON sai do navegador?

Não. Todo o processamento ocorre no seu navegador.

Posso usar a saída diretamente?

Sim. Copie os tipos gerados para um arquivo .js.flow ou cole-os no seu arquivo JavaScript.

Ferramentas relacionadas

Explore outras ferramentas de conversão e validação JSON.