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/reacting-to-input-with-state.md
+3-3
Original file line number
Diff line number
Diff line change
@@ -25,9 +25,9 @@ Ao projetar interações de UI, você provavelmente pensa em como a UI *muda* em
25
25
* Se a solicitação de rede for bem-sucedida, o formulário ficará oculto e a mensagem "Obrigado" aparecerá.
26
26
* Se a solicitação de rede falhar, uma mensagem de erro **aparecerá** e o formulário **ficará habilitado** novamente.
27
27
28
-
Na **programação imperativa**, o que foi dito acima corresponde diretamente a como você implementa a interação. Você precisa escrever as instruções exatas para manipular a interface do usuário, dependendo do que acabou de acontecer. Eis outra maneira de pensar sobre isso: imagine estar ao lado de alguém em um carro e dizer a essa pessoa, curva a curva, para onde ir.
28
+
Na **programação imperativa**, o que foi dito acima corresponde diretamente a como você implementa a interação. Você precisa escrever as instruções exatas para manipular a interface do usuário, dependendo do que acabou de acontecer. Eis outra maneira de pensar sobre isso: imagine estar ao lado de alguém em um carro e dizer a essa pessoa, curva à curva, para onde ir.
29
29
30
-
<Illustrationsrc="/images/docs/illustrations/i_imperative-ui-programming.png"alt="Em um carro dirigido por uma pessoa de aparência ansiosa que representa o JavaScript, um passageiro ordena que o motorista execute uma sequência de complicadas navegações curva a curva." />
30
+
<Illustrationsrc="/images/docs/illustrations/i_imperative-ui-programming.png"alt="Em um carro dirigido por uma pessoa de aparência ansiosa que representa o JavaScript, um passageiro ordena que o motorista execute uma sequência de complicadas navegações curva à curva." />
31
31
32
32
Ele não sabe para onde você quer ir, apenas segue os seus comandos. (E se você errar as instruções, acabará no lugar errado!) É chamada de *imperativa* porque você precisa "comandar" cada elemento, desde o loader até o botão, dizendo ao computador *como* atualizar a interface do usuário.
33
33
@@ -151,7 +151,7 @@ Você viu acima como implementar um formulário de forma imperativa. Para entend
151
151
152
152
### Etapa 1: Identificar os diferentes estados visuais do seu componente {/*step-1-identify-your-components-different-visual-states*/}
153
153
154
-
Na ciência da computação, você pode ouvir falar que uma ["máquina de estado"](https://en.wikipedia.org/wiki/Finite-state_machine) está em um de vários "estados". Se você trabalha com um designer, pode ter visto modelos de diferentes "estados visuais". O React está na interseção do design e da ciência da computação, portanto, essas duas ideias são fontes de inspiração.
154
+
Na ciência da computação, você pode ouvir falar que uma ["máquina de estado"](https://pt.wikipedia.org/wiki/M%C3%A1quina_de_estados_finita) está em um de vários "estados". Se você trabalha com um designer, pode ter visto modelos de diferentes "estados visuais". O React está na interseção do design e da ciência da computação, portanto, essas duas ideias são fontes de inspiração.
155
155
156
156
Primeiro, você precisa visualizar todos os diferentes "estados" da UI que o usuário poderá ver:
0 commit comments