Translation to PT-BR Completed: "removing-effect-dependencies" by anthonibs · Pull Request #777 · reactjs/pt-br.react.dev

anthonibs · 2024-08-26T14:53:31Z

Tradução da Página "removing-effect-dependencies.md" para PT-BR

Foi realizada a tradução da página "removing-effect-dependencies", conforme solicitado. A tradução pode ser encontrada na issue #555.

Detalhes da Tradução

Página Original: removing-effect-dependencies
Issue: Tradução da documentação para pt-br (Translation Progress) #555
Descrição: Tradução completa da página mencionada para o português, mantendo a terminologia técnica original e melhorando a clareza e fluidez do texto onde necessário.

Se precisar de ajustes ou de mais informações, é só me avisar!

- Translated the section on handling effect dependencies in React. - Improved clarity of explanations and examples. - Added guidelines to avoid common bugs and best practices. Next steps: complete the translation of the page and review the content.

…es" page

vercel · 2024-08-26T14:53:35Z

The latest updates on your projects. Learn more about Vercel for Git ↗︎

1 Skipped Deployment

Name	Status	Preview	Comments	Updated (UTC)
pt-br-legacy-reactjs-org	⬜️ Ignored (Inspect)	Visit Preview		Aug 26, 2024 2:53pm

jhonmike

I was unable to review the entire PR, but some comments are repeated throughout the document.

Thank you in advance for the translation, from what I read it is very good!

jhonmike · 2024-11-01T12:53:08Z

 }

 export default function App() {
-  const [roomId, setRoomId] = useState('general');
+  const [roomId, setRoomId] = useState('geral');


We avoid translating the code values, it seems like I'm translating a variable hehe

Suggested change

const [roomId, setRoomId] = useState('geral');

const [roomId, setRoomId] = useState('general');

jhonmike · 2024-11-01T12:53:24Z

+          <option value="geral">geral</option>
+          <option value="viagem">viagem</option>
+          <option value="música">música</option>


Suggested change

<option value="geral">geral</option>

<option value="viagem">viagem</option>

<option value="música">música</option>

<option value="general">geral</option>

<option value="travel">viagem</option>

<option value="music">música</option>

jhonmike · 2024-11-01T12:53:42Z

 }

 export default function App() {
-  const [roomId, setRoomId] = useState('general');
+  const [roomId, setRoomId] = useState('geral');


Suggested change

const [roomId, setRoomId] = useState('geral');

const [roomId, setRoomId] = useState('general');

jhonmike · 2024-11-01T12:53:54Z

+          <option value="geral">geral</option>
+          <option value="viagem">viagem</option>
+          <option value="música">música</option>


Suggested change

<option value="geral">geral</option>

<option value="viagem">viagem</option>

<option value="música">música</option>

<option value="general">geral</option>

<option value="travel">viagem</option>

<option value="music">música</option>

jhonmike · 2024-11-01T12:54:11Z

@@ -230,27 +230,27 @@ import { useState, useEffect } from 'react';
 import { createConnection } from './chat.js';

 const serverUrl = 'https://localhost:1234';
-const roomId = 'music';
+const roomId = 'música';


Suggested change

const roomId = 'música';

const roomId = 'music';

jhonmike · 2024-11-01T12:55:11Z

+          <option value="geral">geral</option>
+          <option value="viagem">viagem</option>
+          <option value="música">música</option>


Suggested change

<option value="geral">geral</option>

<option value="viagem">viagem</option>

<option value="música">música</option>

<option value="general">geral</option>

<option value="travel">viagem</option>

<option value="music">música</option>

jhonmike · 2024-11-01T12:55:16Z

      <input value={message} onChange={e => setMessage(e.target.value)} />
    </>
  );
 }

 export default function App() {
-  const [roomId, setRoomId] = useState('general');
+  const [roomId, setRoomId] = useState('geral');


Suggested change

const [roomId, setRoomId] = useState('geral');

const [roomId, setRoomId] = useState('general');

jhonmike · 2024-11-01T12:55:41Z


-In this example, when you press "Show", a welcome message fades in. The animation takes a second. When you press "Remove", the welcome message immediately disappears. The logic for the fade-in animation is implemented in the `animation.js` file as plain JavaScript [animation loop.](https://developer.mozilla.org/en-US/docs/Web/API/window/requestAnimationFrame) You don't need to change that logic. You can treat it as a third-party library. Your Effect creates an instance of `FadeInAnimation` for the DOM node, and then calls `start(duration)` or `stop()` to control the animation. The `duration` is controlled by a slider. Adjust the slider and see how the animation changes.
+Neste exemplo, ao pressionar "Mostrar", uma mensagem de boas-vindas aparece gradualmente. A animação leva um segundo. Quando você pressiona "Remover", a mensagem de boas-vindas desaparece imediatamente. A lógica para a animação de fade-in é implementada no arquivo `animation.js` como um [loop de animação](https://developer.mozilla.org/en-US/docs/Web/API/window/requestAnimationFrame) em JavaScript. Você não precisa alterar essa lógica, pois pode tratá-la como uma biblioteca de terceiros. Seu Efeito cria uma instância de `FadeInAnimation` para o nó do DOM e depois chama `start(duration)` ou `stop()` para controlar a animação. A `duration` é controlada por um *slider*. Ajuste o *slider* e veja como a animação muda.


Suggested change

Neste exemplo, ao pressionar "Mostrar", uma mensagem de boas-vindas aparece gradualmente. A animação leva um segundo. Quando você pressiona "Remover", a mensagem de boas-vindas desaparece imediatamente. A lógica para a animação de fade-in é implementada no arquivo `animation.js` como um [loop de animação](https://developer.mozilla.org/en-US/docs/Web/API/window/requestAnimationFrame) em JavaScript. Você não precisa alterar essa lógica, pois pode tratá-la como uma biblioteca de terceiros. Seu Efeito cria uma instância de `FadeInAnimation` para o nó do DOM e depois chama `start(duration)` ou `stop()` para controlar a animação. A `duration` é controlada por um *slider*. Ajuste o *slider* e veja como a animação muda.

Neste exemplo, ao pressionar "Mostrar", uma mensagem de boas-vindas aparece gradualmente. A animação leva um segundo. Quando você pressiona "Remover", a mensagem de boas-vindas desaparece imediatamente. A lógica para a animação de fade-in é implementada no arquivo `animation.js` como um [loop de animação](https://developer.mozilla.org/pt-BR/docs/Web/API/window/requestAnimationFrame) em JavaScript. Você não precisa alterar essa lógica, pois pode tratá-la como uma biblioteca de terceiros. Seu Efeito cria uma instância de `FadeInAnimation` para o nó do DOM e depois chama `start(duration)` ou `stop()` para controlar a animação. A `duration` é controlada por um *slider*. Ajuste o *slider* e veja como a animação muda.

jhonmike · 2026-06-16T02:08:04Z

Olá @anthonibs, muito obrigado pela contribuição! 🙏

Esta página já foi traduzida e mergeada em #1205, então vou fechar este PR para manter o backlog organizado.

Sua ajuda é muito bem-vinda — se quiser pegar uma página que ainda está pendente, a issue #555 mantém a lista atualizada do que falta traduzir. Valeu! 🚀

anthonibs added 2 commits August 26, 2024 01:27

translation: Completed second part of the "removing-effect-dependenci…

3258843

…es" page

vercel Bot deployed to Preview – pt-br-react-dev August 26, 2024 14:54 View deployment

anthonibs marked this pull request as draft August 26, 2024 14:57

anthonibs marked this pull request as ready for review August 26, 2024 15:00

anthonibs marked this pull request as draft August 26, 2024 15:02

anthonibs marked this pull request as ready for review August 26, 2024 15:04

jhonmike reviewed Nov 1, 2024

View reviewed changes

jhonmike added the needs review A pull request ready to be reviewed label Nov 1, 2024

jhonmike added needs author response Changes requested needing author's input and removed needs review A pull request ready to be reviewed labels Aug 11, 2025

NivaldoFarias mentioned this pull request May 18, 2026

Tradução de removing-effect-dependencies.md para Português (Brasil) #1160

Closed

jhonmike closed this Jun 16, 2026

Provide feedback

Saved searches

Use saved searches to filter your results more quickly

Translation to PT-BR Completed: "removing-effect-dependencies"#777

Translation to PT-BR Completed: "removing-effect-dependencies"#777
anthonibs wants to merge 2 commits into
reactjs:mainfrom
anthonibs:translation/removing-effect-dependencies

anthonibs commented Aug 26, 2024

Uh oh!

vercel Bot commented Aug 26, 2024 •

edited

Loading

Uh oh!

jhonmike left a comment

Uh oh!

jhonmike Nov 1, 2024

Uh oh!

jhonmike Nov 1, 2024

Uh oh!

jhonmike Nov 1, 2024

Uh oh!

jhonmike Nov 1, 2024

Uh oh!

jhonmike Nov 1, 2024

Uh oh!

jhonmike Nov 1, 2024

Uh oh!

jhonmike Nov 1, 2024

Uh oh!

jhonmike Nov 1, 2024

Uh oh!

jhonmike commented Jun 16, 2026

Uh oh!

Reviewers

Assignees

Labels

Projects

Milestone

Development

Uh oh!

2 participants

	const [roomId, setRoomId] = useState('geral');
	const [roomId, setRoomId] = useState('general');


		In this example, when you press "Show", a welcome message fades in. The animation takes a second. When you press "Remove", the welcome message immediately disappears. The logic for the fade-in animation is implemented in the `animation.js` file as plain JavaScript [animation loop.](https://developer.mozilla.org/en-US/docs/Web/API/window/requestAnimationFrame) You don't need to change that logic. You can treat it as a third-party library. Your Effect creates an instance of `FadeInAnimation` for the DOM node, and then calls `start(duration)` or `stop()` to control the animation. The `duration` is controlled by a slider. Adjust the slider and see how the animation changes.
		Neste exemplo, ao pressionar "Mostrar", uma mensagem de boas-vindas aparece gradualmente. A animação leva um segundo. Quando você pressiona "Remover", a mensagem de boas-vindas desaparece imediatamente. A lógica para a animação de fade-in é implementada no arquivo `animation.js` como um [loop de animação](https://developer.mozilla.org/en-US/docs/Web/API/window/requestAnimationFrame) em JavaScript. Você não precisa alterar essa lógica, pois pode tratá-la como uma biblioteca de terceiros. Seu Efeito cria uma instância de `FadeInAnimation` para o nó do DOM e depois chama `start(duration)` ou `stop()` para controlar a animação. A `duration` é controlada por um slider. Ajuste o slider e veja como a animação muda.

Conversation

anthonibs commented Aug 26, 2024

Tradução da Página "removing-effect-dependencies.md" para PT-BR

Detalhes da Tradução

Uh oh!

vercel Bot commented Aug 26, 2024 • edited Loading Uh oh! There was an error while loading. Please reload this page.

Uh oh!

Uh oh!

jhonmike left a comment

Choose a reason for hiding this comment

Uh oh!

Choose a reason for hiding this comment

Uh oh!

Choose a reason for hiding this comment

Uh oh!

Choose a reason for hiding this comment

Uh oh!

Choose a reason for hiding this comment

Uh oh!

Choose a reason for hiding this comment

Uh oh!

Choose a reason for hiding this comment

Uh oh!

Choose a reason for hiding this comment

Uh oh!

Choose a reason for hiding this comment

Uh oh!

jhonmike commented Jun 16, 2026

Uh oh!

Reviewers

Assignees

Labels

Projects

Milestone

Development

Uh oh!

2 participants

vercel Bot commented Aug 26, 2024 •

edited

Loading