Código de estudo da aula de graphl e apollo no youtube da rocketseat

Overview

GraphQL (meu aprendizado)

O que é GraphQL

uma ferramenta criada dentro do facebook, sendo uma linguagem de realização de query (operações de criação é leitura) através da comunicação de front e back.

Assim como o rest é uma forma de comunicar o back/front, servindo como um padrão diferente.

Como o graphQL pode ajudar (vantagens)

  • evitar Overfetching (buscar mais do que precisa)
  • evitar Underfetching (buscar menos do que precisa)
💡 Quando trabalha com graphQL quem diz quais dados serão carregados é o front, não o back! Tendo uma rota única onde o front passa os dados

Desvantagens do graphQL

  • traz um pouco mais de complexidade (no início)
  • mais difícil trabalhar com cache no browser (por ter uma única rota)
  • mais difícil lidar com erros por não existir outro status além de 200 no graphql

Code first vs Schema first

  • criar o código primeiro (schema criado automático)
  • criar o schema primeiro (mais demorado)

Query vs mutation

  • query → buscar dados
  • mutation → criar ou alterar dados
💡 graphql playground é um postman do graphql

Anotações

  • no graphql quando quer retornar um array coloca colchetes por volta, e não depois
You might also like...

API REST de código aberto para testes frontend aplicando CRUD.

API REST de código aberto para testes frontend aplicando CRUD.

OPEN CRUD API API pública para cadastro de usuários para ser usada em testes. Ajustes e melhorias O projeto ainda está em desenvolvimento e as próxima

Mar 22, 2022

Breve explicacion de Mongoose, asi como un codigo con las operaciones CRUD

Breve explicacion de Mongoose, asi como un codigo con las operaciones CRUD

Introduccion a Mongoose ¿Qué es MongoDB? MongoDB es una base de datos NoSQL (Not Only SQL) y por ende no relacional que es utilizado para proyectos we

Mar 17, 2022

Código open source do Naoki, feito com Node.js utilizando Discord.js.

🤔 › Sobre o Naoki Naoki é um robô do Discord multiuso com as funções mais necessárias e essenciais para seu servidor! O código do Naoki foi escrito e

Sep 4, 2022

Projeto de código aberto para ajudar as pessoas a ingressarem em carreiras de dados

Bem vinde O que é o Data Career Guide? É um projeto gratuito de guia (não é um curso e nem um livro) para carreiras na área de dados, inspirado no Lea

Dec 30, 2022

Código-fonte do site dos Guardians UFCG.

Guardians UFCG Esse é o repositório com o código-fonte do site dos Guardians UFCG. User Interface Nosso Front-end será baseado nesse documento do Figm

Oct 22, 2022

Apollo - a JavaScript library to get real-time economic declarations such as inflation rates

Apollo is a JavaScript library to get real-time economic declarations such as inflation rates, unemployment rates or interest rates reported by governments or other entities.

Dec 10, 2022

GraphQL-first boilerplate that scales with TypeScript + Node Express + Apollo GraphQL APIs.

graphql-typescript-boilerplate A boilerplate project for quickly building Graphql APIs and with typescript 🚀 Installation Install the dependencies: y

May 15, 2022

Next.js and Apollo-Client web application, designed for learning and real-world applicability.

Next.js and Apollo-Client web application, designed for learning and real-world applicability.

NextJs Apollo Boilerplate Boilerplate for building applications using Next.js and Apollo This boilerplate is made for those who want to start a new pr

Sep 4, 2022

Toolkit for building scalable web applications with TypeScript, React, Redux and Apollo-Client

Toolkit for building scalable web applications with TypeScript, React, Redux and Apollo-Client

TsToolbox Toolkit for building scalable web applications with TypeScript, React, Redux and Apollo-Client (inspired by ReKit) ⚠ ⚠ ⚠ Work in Progress ⚠

Apr 14, 2022
Owner
Marcos Henrique
- Developer Full stack - 15 years old - intern at 3tecnos Tecnologia - sharing knowledge with the community
Marcos Henrique
NextJS with GraphQL using type-graphl and graphql-codegen adoptable dogs example code

This is a Next.js project bootstrapped with create-next-app. Getting Started First, run the development server: npm run dev # or yarn dev Open http://

Jack Herrington 2 Mar 31, 2022
Uma aplicação pomodoro conectada com a API do Spotify, para tornar o seu estudo mais dinâmico. Topics Stars

Demo | Tecnologias | Iniciando | Projeto | Layout | Demo ?? Tecnologias Esse projeto foi feito com as seguintes tecnologias. NextJS Next Auth TypeScri

Sophia Gallindo 26 Aug 9, 2022
Sistema Web Pessoal - utilizado para estudo

:::::::::::::::::::::::::::: SOBRE :::::::::::::::::::::::::::: ℹ️ O Personal System é uma plataforma web que possui como objetivo conter as funções e

Gustavo Morais 2 Jun 18, 2022
Projeto de uma aplicação financeira pessoal para estudo de tecnologias.

This is a Next.js project bootstrapped with create-next-app. Getting Started First, run the development server: npm run dev # or yarn dev Open http://

Carlos Oliveira 2 Jun 8, 2022
Venho construindo uma aplicação com objetivo de estudo, um CRUD de gestão financeira que permitirá o usuário tanto acompanhar seus valores quanto ter um histórico.

WoBank Venho construindo uma aplicação com objetivo de estudo, um CRUD de gestão financeira que permitirá o usuário tanto acompanhar seus valores quan

null 7 Sep 14, 2022
Repositório com código da segunda live do Santander Coders Web FullStack

CASE WEB APP DE PREVISÃO DO TEMPO Node.js Como iniciar projeto React de maneira simples: Create React App (CRA): npx create-react-app nome_do_app Vite

Let's Code 29 Apr 3, 2022
Implementação do Observer Pattern em TypeScript para o Código Fonte TV

Observer - Design Pattern Exemplos de implementação do Design Pattern Observer, descrito no livro Design Patterns: Elements of Reusable Object-Oriente

Gabriel Froes 11 Nov 30, 2022
Codigo del Webinar de Organizador de Tareas con autenticación

Webinar Organizador de Tareas con autenticación Bienvenido al repositorio ??️ del Webinar donde podrás encontrar el codigo expuesto ??️ Para comenzar

Eduardo de Rivero Manrique 4 Jun 24, 2022
Chontaduro, Borojo, Sancocho de gallina y algo sustancia perico fueron usadas para crear el mejor proyecto de código en toda la historia de Colombia

Chontaduro, Borojo, Sancocho de gallina y algo sustancia perico fueron usadas para crear el mejor proyecto de código en toda la historia de Colombia

juansito 6 May 11, 2022