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/reference/react-compiler/compilationMode.md
+13-14Lines changed: 13 additions & 14 deletions
Display the source diff
Display the rich diff
Original file line number
Diff line number
Diff line change
@@ -1,10 +1,9 @@
1
1
---
2
-
title: compilationMode
2
+
title: modoDeCompilação
3
3
---
4
-
5
4
<Intro>
6
5
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.
8
7
9
8
</Intro>
10
9
@@ -22,7 +21,7 @@ A opção `compilationMode` controla como o React Compiler seleciona quais funç
22
21
23
22
### `compilationMode` {/*compilationmode*/}
24
23
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á.
26
25
27
26
#### Tipo {/*type*/}
28
27
@@ -36,22 +35,22 @@ Controla a estratégia para determinar quais funções o React Compiler irá oti
36
35
37
36
#### Opções {/*options*/}
38
37
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:
40
39
- 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
42
41
43
42
-**`'annotation'`**: Compila apenas funções explicitamente marcadas com a diretiva `"use memo"`. Ideal para adoção incremental.
44
43
45
44
-**`'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.
46
45
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.
48
47
49
48
#### Ressalvas {/*caveats*/}
50
49
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
52
51
- Usar o modo `'all'` pode impactar negativamente o desempenho ao compilar funções utilitárias
53
52
- 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
55
54
56
55
---
57
56
@@ -124,7 +123,7 @@ function NormalComponent(props) {
124
123
}
125
124
```
126
125
127
-
### Usando o modo de sintaxe do Flow {/*flow-syntax-mode*/}
126
+
### Usando o modo de sintaxe Flow {/*flow-syntax-mode*/}
128
127
129
128
Se sua base de código usa Flow em vez de TypeScript:
0 commit comments