Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Fix typos in developing-guide/fetching-data #379

Open
wants to merge 1 commit into
base: main
Choose a base branch
from
Open
Show file tree
Hide file tree
Changes from all commits
Commits
File filter

Filter by extension

Filter by extension

Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
14 changes: 9 additions & 5 deletions docs/developing-guide/fetching-data/en.md
Original file line number Diff line number Diff line change
Expand Up @@ -53,8 +53,8 @@ Note that the only thing we care about is the "facts" property. Therefore, we
will create a section that is prepared to receive these facts and render them in
any way we want.

To do this, we will create a type called DogFact that contains only one property
called fact, which is the string represented by the message.
To do this, we will create a type called `DogFact` that contains only one property
called `fact`, which is the `string` represented by the message.

Let's see this in action by creating a new section:

Expand Down Expand Up @@ -82,9 +82,9 @@ export default function DogFacts({ title, dogFacts }: Props) {
}
```

> At this point, you can check in the admin (in your local environment) that
> this component can already be used with static data, which doesn't make much
> sense for our use case.
> At this point, you can run `deno task start` and check in the admin
> (in your local environment) that this component can already be used with
> static data, which doesn't make much sense for our use case.

## 2. Creating the Loader and testing the Section

Expand All @@ -100,6 +100,10 @@ Loader** (the return type of the Loader is the input type of the Section).
1. Define what will be the input `Props` of your loader.
2. Export a function called `loader` in the same file as your Section.

In our case, we'll make the number of facts shown in our component configurable.
Note that now, what will appear to be configured will no longer be the props of
the section, but rather the props of your loader.

```tsx
import type { SectionProps } from "deco/mod.ts";

Expand Down
12 changes: 6 additions & 6 deletions docs/developing-guide/fetching-data/pt.md
Original file line number Diff line number Diff line change
Expand Up @@ -33,7 +33,7 @@ _Dados retornados da API Dog Facts sendo chamada no browser_
Primeiro, vamos criar uma Section que renderizará os dados buscados da API. Crie
a seção `DogFacts.tsx` na pasta sections/ do seu projeto.

Se executarmos um http request para a API da Dog Fact veremos que ele retorna um
Se executarmos um _HTTP request_ para a API da Dog Fact veremos que ele retorna um
JSON no seguinte formato,

> Abra no seu browser:
Expand All @@ -49,11 +49,11 @@ JSON no seguinte formato,
}
```

Perceba que a única coisa que nos importa são os facts, logo vamos criar nossa
section preparada para receber esses facts re renderiza-los da maneira que
Perceba que a única coisa que nos importa são os "facts", logo vamos criar nossa
section preparada para receber esses facts e renderizá-los da maneira que
desejarmos.

Para isso, vamos criar um tipo `DoctFact` que contém apenas uma propriedade
Para isso, vamos criar um tipo `DogFact` que contém apenas uma propriedade
chamada `fact` que é a `string` representada pela mensagem.

Vamos ver isso em ação criando uma nova Section:
Expand Down Expand Up @@ -83,7 +83,7 @@ export default function DogFacts({ title, dogFacts }: Props) {
```

> Nesse momento podemos rodar o `deno task start` e verificar no nosso admin que
> esse componente já consegue ser utilizado com dados estáticos, oque não faz
> esse componente já consegue ser utilizado com dados estáticos, o que não faz
> muito sentido para nosso caso de uso.

## 2. Criando o Loader e testando a Section
Expand All @@ -102,7 +102,7 @@ entrada da Section).
2. Exporte uma função chamada `loader` dentro do mesmo arquivo da sua section.

No nosso caso, vamos deixar configurável qual número de facts que vamos mostrar
no nosso componente. Perceba que agora, o que aparecerá parece ser configurado
no nosso componente. Perceba que agora, o que aparecerá para ser configurado
não será mais as props da section mas sim as props do seu loader.

```tsx
Expand Down