From 400b95936c2a4d420095b051344139ac51e95439 Mon Sep 17 00:00:00 2001 From: Felipe Bandeira Date: Fri, 27 Dec 2019 00:25:35 -0300 Subject: [PATCH 1/9] =?UTF-8?q?Tradu=C3=A7=C3=A3o=20completa=20do=20arquiv?= =?UTF-8?q?o=20using-fragments.md?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- docs/docs/using-fragments.md | 40 ++++++++++++++++++------------------ 1 file changed, 20 insertions(+), 20 deletions(-) diff --git a/docs/docs/using-fragments.md b/docs/docs/using-fragments.md index 38e9f1391..7762f337f 100644 --- a/docs/docs/using-fragments.md +++ b/docs/docs/using-fragments.md @@ -1,29 +1,29 @@ --- -title: Using Fragments +title: Utilizando Fragmentos --- -Fragments allow you to reuse parts of GraphQL queries. It also allows you to split up complex queries into smaller, easier to understand components. +Fragmentos permitem a reutilização de consultas GraphQL. Elas também permitem a divisão de consultas complexas em componentes menores e de fácil compreensão. -## The building blocks of a fragment +## Os blocos que compõe um fragmento -Here is an example fragment: +Aqui temos um fragmento de exemplo: ```graphql -fragment FragmentName on TypeName { - field1 - field2 +fragment NomeDoFragmento on NomeDoTipo { + campo1 + campo2 } ``` -A fragment consists of three components: +Um fragmento consiste de três componentes: -1. `FragmentName`: the name of the fragment that will be referenced later. -2. `TypeName`: the [GraphQL type](https://graphql.org/graphql-js/object-types/) of the object the fragment will be used on. This is important because you can only query for fields that actually exist on a given object. -3. The body of the query. You can define any fields with any level of nesting in here, the same that you would elsewhere in a GraphQL query +1. `NomeDoFragmento`: o nome do fragmento que será referenciado posteriormente. +2. `NomeDoTipo`: o [tipo de objeto GraphQL](https://graphql.org/graphql-js/object-types/) no qual o fragmento será utilizado. Isso é importante porque só é possível consultar campos que existam em um determinado objeto. +3. O corpo da consulta. Pode-se definir quaisquer campos em qualquer nível de aninhamento, da mesma maneira que seria feito em outras consultas GraphQL. -## Creating and using a fragment +## Criando e utilizando um fragmento -A fragment can be created inside any GraphQL query, but it's good practice to create the query separately. More organization advice in the [Conceptual Guide](/docs/querying-with-graphql/#fragments). +Um fragmento pode ser criado dentro de qualquer consulta GraphQL, mas é uma boa prática criar a consulta separadamente. Mais conselhos organizacionais em [Guia Conceitual](/docs/querying-with-graphql/#fragments). ```jsx:title=src/components/IndexPost.jsx import React from "react" @@ -43,7 +43,7 @@ export const query = graphql` ` ``` -This defines a fragment named `SiteInformation`. Now it can be used from within the page's GraphQL query: +Isto define um fragmento chamado `SiteInformation`. Agora, ele pode ser utilizado internamente na busca GraphQL da página: ```jsx:title=src/pages/main.jsx import React from "react" @@ -57,8 +57,8 @@ export default ({ data }) => {

{data.site.siteMetadata.siteDescription}

{/* - Or you can pass all the data from the fragment - back to the component that defined it + Ou é possível passar todos os dados do fragmento + de volta ao componente que o definiu */} @@ -74,9 +74,9 @@ export const query = graphql` ` ``` -When compiling your site, Gatsby preprocesses all GraphQL queries it finds. Therefore, any file that gets included in your project can define a snippet. However, only Pages can define GraphQL queries that actually return data. This is why we can define the fragment in the component file - it doesn't actually return any data directly. +Ao compilar o site, o Gatsby preprocessa todas as consultas GraphQL encontradas, portanto, qualquer arquivo incluso no seu projeto pode definir um trecho. No entanto, apenas Páginas podem definir consultas GraphQL que realmente retornem dados, por isso que é possível definir fragmentos no arquivo do componente - ele não retorna nenhum dado diretamente. -## Further reading +## Leitura Adicional -- [Querying Data with GraphQL - Fragments](/docs/querying-with-graphql/#fragments) -- [GraphQL Docs - Fragments](https://graphql.org/learn/queries/#fragments) +- [Consultando Dados com GraphQL - Fragmentos](/docs/querying-with-graphql/#fragments) +- [Documentação GraphQL - Fragmentos](https://graphql.org/learn/queries/#fragments) From 452a6eb3222b24fd170d147c3c4f7e985c166b4d Mon Sep 17 00:00:00 2001 From: Felipe Bandeira Date: Fri, 3 Jan 2020 04:24:13 -0300 Subject: [PATCH 2/9] Update docs/docs/using-fragments.md MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit Co-Authored-By: Jessé Souza --- docs/docs/using-fragments.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/docs/docs/using-fragments.md b/docs/docs/using-fragments.md index 7762f337f..0087fdd4f 100644 --- a/docs/docs/using-fragments.md +++ b/docs/docs/using-fragments.md @@ -4,7 +4,7 @@ title: Utilizando Fragmentos Fragmentos permitem a reutilização de consultas GraphQL. Elas também permitem a divisão de consultas complexas em componentes menores e de fácil compreensão. -## Os blocos que compõe um fragmento +## Os blocos que compõem um fragmento Aqui temos um fragmento de exemplo: From a1d3756a0bc87b2a0b04bc4ed0babc17cd4b3822 Mon Sep 17 00:00:00 2001 From: Felipe Bandeira Date: Fri, 3 Jan 2020 04:24:24 -0300 Subject: [PATCH 3/9] Update docs/docs/using-fragments.md MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit Co-Authored-By: Jessé Souza --- docs/docs/using-fragments.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/docs/docs/using-fragments.md b/docs/docs/using-fragments.md index 0087fdd4f..3d8c0ceaa 100644 --- a/docs/docs/using-fragments.md +++ b/docs/docs/using-fragments.md @@ -6,7 +6,7 @@ Fragmentos permitem a reutilização de consultas GraphQL. Elas também permitem ## Os blocos que compõem um fragmento -Aqui temos um fragmento de exemplo: +Aqui temos um exemplo de fragmento: ```graphql fragment NomeDoFragmento on NomeDoTipo { From 777647e1a88ac57e3b4d099cf2ef1fdc3242d5dc Mon Sep 17 00:00:00 2001 From: Felipe Bandeira Date: Fri, 3 Jan 2020 04:24:34 -0300 Subject: [PATCH 4/9] Update docs/docs/using-fragments.md MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit Co-Authored-By: Jessé Souza --- docs/docs/using-fragments.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/docs/docs/using-fragments.md b/docs/docs/using-fragments.md index 3d8c0ceaa..7d0c9e3ff 100644 --- a/docs/docs/using-fragments.md +++ b/docs/docs/using-fragments.md @@ -9,7 +9,7 @@ Fragmentos permitem a reutilização de consultas GraphQL. Elas também permitem Aqui temos um exemplo de fragmento: ```graphql -fragment NomeDoFragmento on NomeDoTipo { +fragment FragmentName on TypeName { campo1 campo2 } From 653b6557d1fc9c9701e52b025059757175aa84bb Mon Sep 17 00:00:00 2001 From: Felipe Bandeira Date: Fri, 3 Jan 2020 04:24:51 -0300 Subject: [PATCH 5/9] Update docs/docs/using-fragments.md MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit Co-Authored-By: Jessé Souza --- docs/docs/using-fragments.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/docs/docs/using-fragments.md b/docs/docs/using-fragments.md index 7d0c9e3ff..ad5b2c15d 100644 --- a/docs/docs/using-fragments.md +++ b/docs/docs/using-fragments.md @@ -17,7 +17,7 @@ fragment FragmentName on TypeName { Um fragmento consiste de três componentes: -1. `NomeDoFragmento`: o nome do fragmento que será referenciado posteriormente. +1. `FragmentName`: o nome do fragmento que será referenciado posteriormente. 2. `NomeDoTipo`: o [tipo de objeto GraphQL](https://graphql.org/graphql-js/object-types/) no qual o fragmento será utilizado. Isso é importante porque só é possível consultar campos que existam em um determinado objeto. 3. O corpo da consulta. Pode-se definir quaisquer campos em qualquer nível de aninhamento, da mesma maneira que seria feito em outras consultas GraphQL. From 30a931558054be8c322fa6bb9d326d4030bfae4b Mon Sep 17 00:00:00 2001 From: Felipe Bandeira Date: Fri, 3 Jan 2020 04:24:58 -0300 Subject: [PATCH 6/9] Update docs/docs/using-fragments.md MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit Co-Authored-By: Jessé Souza --- docs/docs/using-fragments.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/docs/docs/using-fragments.md b/docs/docs/using-fragments.md index ad5b2c15d..11de29b30 100644 --- a/docs/docs/using-fragments.md +++ b/docs/docs/using-fragments.md @@ -18,7 +18,7 @@ fragment FragmentName on TypeName { Um fragmento consiste de três componentes: 1. `FragmentName`: o nome do fragmento que será referenciado posteriormente. -2. `NomeDoTipo`: o [tipo de objeto GraphQL](https://graphql.org/graphql-js/object-types/) no qual o fragmento será utilizado. Isso é importante porque só é possível consultar campos que existam em um determinado objeto. +2. `TypeName`: o [tipo de objeto GraphQL](https://graphql.org/graphql-js/object-types/) no qual o fragmento será utilizado. Isso é importante porque só é possível consultar campos que existam em um determinado objeto. 3. O corpo da consulta. Pode-se definir quaisquer campos em qualquer nível de aninhamento, da mesma maneira que seria feito em outras consultas GraphQL. ## Criando e utilizando um fragmento From 019cccf37b152043fa5a5e4435d6b8c5401c2838 Mon Sep 17 00:00:00 2001 From: Felipe Bandeira Date: Fri, 3 Jan 2020 21:15:22 -0300 Subject: [PATCH 7/9] Update docs/docs/using-fragments.md Co-Authored-By: Rafael Baldasso Audibert <32079912+rafaeelaudibert@users.noreply.github.com> --- docs/docs/using-fragments.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/docs/docs/using-fragments.md b/docs/docs/using-fragments.md index 11de29b30..58fe5da09 100644 --- a/docs/docs/using-fragments.md +++ b/docs/docs/using-fragments.md @@ -23,7 +23,7 @@ Um fragmento consiste de três componentes: ## Criando e utilizando um fragmento -Um fragmento pode ser criado dentro de qualquer consulta GraphQL, mas é uma boa prática criar a consulta separadamente. Mais conselhos organizacionais em [Guia Conceitual](/docs/querying-with-graphql/#fragments). +Um fragmento pode ser criado dentro de qualquer consulta GraphQL, mas é uma boa prática criar a consulta separadamente. Mais conselhos organizacionais no [Guia Conceitual](/docs/querying-with-graphql/#fragments). ```jsx:title=src/components/IndexPost.jsx import React from "react" From 35d03449e64e06e3e8c23ec20db0539e597dd24c Mon Sep 17 00:00:00 2001 From: Felipe Bandeira Date: Fri, 3 Jan 2020 21:18:03 -0300 Subject: [PATCH 8/9] Update docs/docs/using-fragments.md Co-Authored-By: Rafael Baldasso Audibert <32079912+rafaeelaudibert@users.noreply.github.com> --- docs/docs/using-fragments.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/docs/docs/using-fragments.md b/docs/docs/using-fragments.md index 58fe5da09..006933e2f 100644 --- a/docs/docs/using-fragments.md +++ b/docs/docs/using-fragments.md @@ -76,7 +76,7 @@ export const query = graphql` Ao compilar o site, o Gatsby preprocessa todas as consultas GraphQL encontradas, portanto, qualquer arquivo incluso no seu projeto pode definir um trecho. No entanto, apenas Páginas podem definir consultas GraphQL que realmente retornem dados, por isso que é possível definir fragmentos no arquivo do componente - ele não retorna nenhum dado diretamente. -## Leitura Adicional +## Leituras Adicionais - [Consultando Dados com GraphQL - Fragmentos](/docs/querying-with-graphql/#fragments) - [Documentação GraphQL - Fragmentos](https://graphql.org/learn/queries/#fragments) From 1e0865db7f8dc2075473596163f6ac92118d59de Mon Sep 17 00:00:00 2001 From: Felipe Bandeira Date: Fri, 3 Jan 2020 21:18:34 -0300 Subject: [PATCH 9/9] Update docs/docs/using-fragments.md Co-Authored-By: Rafael Baldasso Audibert <32079912+rafaeelaudibert@users.noreply.github.com> --- docs/docs/using-fragments.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/docs/docs/using-fragments.md b/docs/docs/using-fragments.md index 006933e2f..fb7821305 100644 --- a/docs/docs/using-fragments.md +++ b/docs/docs/using-fragments.md @@ -74,7 +74,7 @@ export const query = graphql` ` ``` -Ao compilar o site, o Gatsby preprocessa todas as consultas GraphQL encontradas, portanto, qualquer arquivo incluso no seu projeto pode definir um trecho. No entanto, apenas Páginas podem definir consultas GraphQL que realmente retornem dados, por isso que é possível definir fragmentos no arquivo do componente - ele não retorna nenhum dado diretamente. +Ao compilar o site, o Gatsby pré-processa todas as consultas GraphQL encontradas, portanto, qualquer arquivo incluso no seu projeto pode definir um trecho. No entanto, apenas Páginas podem definir consultas GraphQL que realmente retornem dados, por isso que é possível definir fragmentos no arquivo do componente - ele não retorna nenhum dado diretamente. ## Leituras Adicionais