Skip to content

Commit f3fa51b

Browse files
docs: translate compilationMode.md to Português (Brasil)
1 parent 4179bad commit f3fa51b

1 file changed

Lines changed: 13 additions & 14 deletions

File tree

src/content/reference/react-compiler/compilationMode.md

Lines changed: 13 additions & 14 deletions
Original file line numberDiff line numberDiff line change
@@ -1,10 +1,9 @@
11
---
2-
title: compilationMode
2+
title: modoDeCompilação
33
---
4-
54
<Intro>
65

7-
A opção `compilationMode` controla como o React Compiler seleciona quais funções compilar.
6+
A opção `compilationMode` controla como o Compilador React seleciona quais funções compilar.
87

98
</Intro>
109

@@ -22,7 +21,7 @@ A opção `compilationMode` controla como o React Compiler seleciona quais funç
2221

2322
### `compilationMode` {/*compilationmode*/}
2423

25-
Controla a estratégia para determinar quais funções o React Compiler irá otimizar.
24+
Controla a estratégia para determinar quais funções o Compilador React otimizará.
2625

2726
#### Tipo {/*type*/}
2827

@@ -36,22 +35,22 @@ Controla a estratégia para determinar quais funções o React Compiler irá oti
3635

3736
#### Opções {/*options*/}
3837

39-
- **`'infer'`** (padrão): O compilador usa heurísticas inteligentes para identificar componentes e hooks do React:
38+
- **`'infer'`** (padrão): O compilador usa heurísticas inteligentes para identificar componentes e hooks React:
4039
- Funções explicitamente anotadas com a diretiva `"use memo"`
41-
- Funções que são nomeadas como componentes (PascalCase) ou hooks (prefixo `use`) E criam JSX e/ou chamam outros hooks
40+
- Funções que têm nomes como componentes (PascalCase) ou hooks (`use` prefixo) E criam JSX e/ou chamam outros hooks
4241

4342
- **`'annotation'`**: Compila apenas funções explicitamente marcadas com a diretiva `"use memo"`. Ideal para adoção incremental.
4443

4544
- **`'syntax'`**: Compila apenas componentes e hooks que usam a sintaxe de [componente](https://flow.org/en/docs/react/component-syntax/) e [hook](https://flow.org/en/docs/react/hook-syntax/) do Flow.
4645

47-
- **`'all'`**: Compila todas as funções de nível superior. Não recomendado, pois pode compilar funções que não são do React.
46+
- **`'all'`**: Compila todas as funções de nível superior. Não recomendado, pois pode compilar funções não-React.
4847

4948
#### Ressalvas {/*caveats*/}
5049

51-
- O modo `'infer'` requer que as funções sigam as convenções de nomenclatura do React para serem detectadas
50+
- O modo `'infer'` exige que as funções sigam as convenções de nomenclatura do React para serem detectadas
5251
- Usar o modo `'all'` pode impactar negativamente o desempenho ao compilar funções utilitárias
5352
- O modo `'syntax'` requer Flow e não funcionará com TypeScript
54-
- Independentemente do modo, as funções com a diretiva `"use no memo"` são sempre ignoradas
53+
- Independentemente do modo, funções com a diretiva `"use no memo"` são sempre ignoradas
5554

5655
---
5756

@@ -124,7 +123,7 @@ function NormalComponent(props) {
124123
}
125124
```
126125

127-
### Usando o modo de sintaxe do Flow {/*flow-syntax-mode*/}
126+
### Usando o modo de sintaxe Flow {/*flow-syntax-mode*/}
128127

129128
Se sua base de código usa Flow em vez de TypeScript:
130129

@@ -154,13 +153,13 @@ function helper(data) {
154153
}
155154
```
156155

157-
### Excluindo funções específicas {/*opting-out*/}
156+
### Otimizando para fora de funções específicas {/*opting-out*/}
158157

159158
Independentemente do modo de compilação, use `"use no memo"` para pular a compilação:
160159

161160
```js
162161
function ComponentWithSideEffects() {
163-
"use no memo"; // Evitar compilação
162+
"use no memo"; // Previne a compilação
164163

165164
// Este componente tem efeitos colaterais que não devem ser memorizados
166165
logToAnalytics('component_rendered');
@@ -173,7 +172,7 @@ function ComponentWithSideEffects() {
173172

174173
## Solução de problemas {/*troubleshooting*/}
175174

176-
### Componente não sendo compilado no modo infer {/*component-not-compiled-infer*/}
175+
### Componente não está sendo compilado no modo infer {/*component-not-compiled-infer*/}
177176

178177
No modo `'infer'`, certifique-se de que seu componente siga as convenções do React:
179178

@@ -183,7 +182,7 @@ function button(props) {
183182
return <button>{props.label}</button>;
184183
}
185184

186-
// ✅ Será compilado: nome PascalCase
185+
// ✅ Será compilado: nome em PascalCase
187186
function Button(props) {
188187
return <button>{props.label}</button>;
189188
}

0 commit comments

Comments
 (0)