Integrando GraphQL Schema no React Native com Back4App

baixar o esquema graphql introdução em nosso guia anterior, aprendemos mais sobre o incrível cliente graphql relay agora é hora de entender como você pode usar o relay para buscar dados do back4app para usá los em seu aplicativo react native neste guia, você aprenderá como baixar o arquivo de esquema graphql e colocá lo em seu projeto react native objetivo preparar seu projeto react native para usar a api graphql do back4app baixando o esquema pré requisitos este ainda não é um tutorial, mas para se sentir confortável ao lê lo, você precisará conhecimento básico de javascript compreensão básica sobre graphql se você não tiver, o https //github com/graphql/graphql js é um lugar perfeito para começar um projeto básico de react native rodando em seu ambiente local 1 baixando o esquema o esquema é sua fonte de verdade do servidor que estará localizado no seu frontend no back4app, o esquema é um arquivo automático gerado assim que você define seu modelo de dados para entender melhor o esquema graphql do back4app, você pode abri lo no console graphql seguindo os seguintes passos vá para o painel do seu aplicativo back4app; no menu à esquerda, clique em console da api, sob a aba core; escolha graphql e você verá algo como isto bem vindo ao playground graphql aqui você pode escrever e executar consultas, mutações usando a linguagem sdl no canto superior direito, você verá duas abas docs e schema na aba docs, você encontrará uma documentação fácil de ler da api graphql a documentação é baseada nos tipos de objeto que são gerados assim que você constrói seu modelo de dados no back4app para os desenvolvedores, isso é incrível porque pode ser usado como uma referência rápida para construir suas consultas e mutações o back4app também gera uma especificação para sua api graphql o esquema popularmente conhecido o esquema é encontrado na aba schema e é escrito usando sdl (schema definition language) o esquema será usado como uma fonte de verdade em seu frontend vá em frente, clique no download do sdl e obtenha o arquivo para usar na próxima etapa 2 colando o esquema no app react native para que o relay possa ler o arquivo de esquema no aplicativo react native, você precisa colar o arquivo de esquema em um caminho específico vamos fazer isso no seu projeto react native crie uma pasta no caminho raiz da sua aplicação e nomeie a data data cole o arquivo de esquema (sdl) nesta pasta pronto seu frontend já tem a fonte de verdade do seu backend com seu esquema graphql a configuração final é mostrada abaixo importante toda vez que você mudar seu modelo de dados no back4app, seu arquivo de esquema mudará é muito importante manter o arquivo de esquema sempre atualizado em seu frontend, então toda vez que você mudar o esquema, precisará carregá lo novamente no seu projeto de app react native conclusão com o esquema já colocado em sua aplicação react native, agora você aprenderá como configurar e preparar seu ambiente para poder buscar as consultas de seus componentes