Crie formulários React baseados em APIs GraphQL.

Charly Poly Blocked Unblock Seguir Seguindo 7 de junho de 2018

Fácil criação de formulários a partir de mutações do GraphQL com <ApolloForm>

fundo

Como todo mundo no “mundo React”, eu usei fortemente o redux-form no meu grande SPA atual da empresa , mesmo após a migração da API REST para a GraphQL API.

Estávamos usando uma estrutura de formulário personalizada que:

  • gerar um redux-form base em uma descrição de campos baseada em JSON
  • validar dados em um ponto de extremidade da API de validação personalizada
  • chamar um retorno de chamada definido pelo usuário para salvar dados

?

?

?

?

?

Exemplo de código para o formulário do usuário:

Este quadro teve muitos inconvenientes:

  • verbose : listar todos os campos do objeto descrito era repetitivo
  • redundante : precisa misturar os dados enviados e chamar a mutação manualmente
  • lógica duplicada : precisa chamar a API para validar os dados antes de enviar
  • extensibilidade : declaração baseada em classe (?),
    difícil personalizar ou ampliar a renderização, já que não é baseado em componentes

?? É aqui que vem o ApolloForm . ?

?