Skip to content

Commit 7bc9004

Browse files
docs: translate globals.md to Português (Brasil)
1 parent 1c423b8 commit 7bc9004

1 file changed

Lines changed: 9 additions & 9 deletions

File tree

  • src/content/reference/eslint-plugin-react-hooks/lints

src/content/reference/eslint-plugin-react-hooks/lints/globals.md

Lines changed: 9 additions & 9 deletions
Original file line numberDiff line numberDiff line change
@@ -4,13 +4,13 @@ title: globals
44

55
<Intro>
66

7-
Valida a atribuição/mutação de globais durante a renderização, parte de garantir que [efeitos colaterais devem ser executados fora da renderização](/reference/rules/components-and-hooks-must-be-pure#side-effects-must-run-outside-of-render).
7+
Valida contra a atribuição/mutação de globais durante a renderização, parte de garantir que [efeitos colaterais devem ser executados fora da renderização](/reference/rules/components-and-hooks-must-be-pure#side-effects-must-run-outside-of-render).
88

99
</Intro>
1010

1111
## Detalhes da Regra {/*rule-details*/}
1212

13-
Variáveis globais existem fora do controle do React. Quando você as modifica durante a renderização, você quebra a suposição do React de que a renderização é pura. Isso pode fazer com que os componentes se comportem de maneira diferente em desenvolvimento vs. produção, quebrar o Fast Refresh e tornar seu aplicativo impossível de otimizar com recursos como o React Compiler.
13+
Variáveis globais existem fora do controle do React. Quando você as modifica durante a renderização, você quebra a suposição do React de que a renderização é pura. Isso pode fazer com que os componentes se comportem de maneira diferente em desenvolvimento vs produção, quebrar o Fast Refresh e tornar seu aplicativo impossível de otimizar com recursos como o React Compiler.
1414

1515
### Inválido {/*invalid*/}
1616

@@ -21,20 +21,20 @@ Exemplos de código incorreto para esta regra:
2121
let renderCount = 0;
2222
function Component() {
2323
renderCount++; // Mutando global
24-
return <div>Count: {renderCount}</div>;
24+
return <div>Contagem: {renderCount}</div>;
2525
}
2626

2727
// ❌ Modificando propriedades do window
2828
function Component({userId}) {
2929
window.currentUser = userId; // Mutação global
30-
return <div>User: {userId}</div>;
30+
return <div>Usuário: {userId}</div>;
3131
}
3232

3333
// ❌ Push em array global
3434
const events = [];
3535
function Component({event}) {
3636
events.push(event); // Mutando array global
37-
return <div>Events: {events.length}</div>;
37+
return <div>Eventos: {events.length}</div>;
3838
}
3939

4040
// ❌ Manipulação de cache
@@ -62,15 +62,15 @@ function Component() {
6262

6363
return (
6464
<button onClick={handleClick}>
65-
Clicked: {clickCount} times
65+
Clicado: {clickCount} vezes
6666
</button>
6767
);
6868
}
6969

7070
// ✅ Use context para valores globais
7171
function Component() {
7272
const user = useContext(UserContext);
73-
return <div>User: {user.id}</div>;
73+
return <div>Usuário: {user.id}</div>;
7474
}
7575

7676
// ✅ Sincronize estado externo com React
@@ -79,6 +79,6 @@ function Component({title}) {
7979
document.title = title; // OK no efeito
8080
}, [title]);
8181

82-
return <div>Page: {title}</div>;
82+
return <div>Página: {title}</div>;
8383
}
84-
```
84+
```

0 commit comments

Comments
 (0)