You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
Copy file name to clipboardExpand all lines: src/content/learn/tutorial-tic-tac-toe.md
+5-5Lines changed: 5 additions & 5 deletions
Display the source diff
Display the rich diff
Original file line number
Diff line number
Diff line change
@@ -551,7 +551,7 @@ export default function Board() {
551
551
}
552
552
```
553
553
554
-
Perceba como diferente das `div`s do navegador, os componentes `Board` e `Square` pertencem a você e devem começar com uma letra maiúscula.
554
+
Perceba como diferentes das `div`s do navegador, os componentes `Board` e `Square` pertencem a você e devem começar com uma letra maiúscula.
555
555
556
556
Vamos dar uma olhada:
557
557
@@ -915,7 +915,7 @@ Para desenvolvimento local, as DevTools do React estão disponíveis como extens
915
915
916
916
## Completando o jogo {/*completing-the-game*/}
917
917
918
-
A esse ponto, você já tem todos os blocos de construção básicos para o seu jogo da velha. Para completar o jogo, você agora precisa alternar a colocação de "X"s e "O"s no tabuleiro, e você precisa de uma maneira de determinar um vencedor.
918
+
Até aqui, você já tem todos os blocos de construção básicos para o seu jogo da velha. Para completar o jogo, você agora precisa alternar a colocação de "X"s e "O"s no tabuleiro, e você precisa de uma maneira de determinar um vencedor.
919
919
920
920
### Elevando o state {/*lifting-state-up*/}
921
921
@@ -980,7 +980,7 @@ function Square({value}) {
980
980
}
981
981
```
982
982
983
-
A esse ponto você deve ver um tabuleiro vazio de jogo da velha:
983
+
Nesta altura você deve ver um tabuleiro vazio de jogo da velha:
@@ -1133,7 +1133,7 @@ Chamar a função `setSquares` permite que o React saiba que o state do componen
1133
1133
1134
1134
<Note>
1135
1135
1136
-
O JavaScript suporta [closures](https://developer.mozilla.org/pt-BR/docs/Web/JavaScript/Closures) o que significa que uma função interna (por exemplo, `handleClick`) tem acesso às variáveis e funções definidas em uma função externa (por exemplo, `Board`). A função `handleClick` pode ler o state `squares` e chamar o método `setSquares` porque eles são ambos definidos dentro da função `Board`.
1136
+
O JavaScript possui suporte a [closures](https://developer.mozilla.org/pt-BR/docs/Web/JavaScript/Closures) o que significa que uma função interna (por exemplo, `handleClick`) tem acesso às variáveis e funções definidas em uma função externa (por exemplo, `Board`). A função `handleClick` pode ler o state `squares` e chamar o método `setSquares` porque eles são ambos definidos dentro da função `Board`.
1137
1137
1138
1138
</Note>
1139
1139
@@ -1868,7 +1868,7 @@ Aqui, `[...history, nextSquares]` cria um novo array que contêm todos os items
1868
1868
1869
1869
Por exemplo, se `history` é `[[null,null,null], ["X",null,null]]` e `nextSquares` é `["X",null,"O"]` então o novo array `[...history, nextSquares]` será `[[null,null,null], ["X",null,null], ["X",null,"O"]]`.
1870
1870
1871
-
A esse ponto, você moveu o state para viver no componente `Game`, e a UI deve estar funcionando por completo, assim como estava antes da refatoração. Veja com o que o seu código deve se parecer a esse ponto:
1871
+
Até agora, você moveu o state para viver no componente `Game`, e a UI deve estar funcionando por completo, assim como estava antes da refatoração. Veja com o que o seu código deve se parecer a esse ponto:
0 commit comments