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/directives/use-memo.md
+6-5Lines changed: 6 additions & 5 deletions
Display the source diff
Display the rich diff
Original file line number
Diff line number
Diff line change
@@ -2,6 +2,7 @@
2
2
title: "use memo"
3
3
titleForTitleTag: "'use memo' directive"
4
4
---
5
+
5
6
<Intro>
6
7
7
8
`"use memo"` marca uma função para otimização pelo React Compiler.
@@ -31,7 +32,7 @@ function MeuComponente() {
31
32
}
32
33
```
33
34
34
-
Quando uma função contém `"use memo"`, o React Compiler a analisará e otimizará durante o tempo de compilação. O compilador automaticamente memorizará valores e componentes para prevenir recálculos e re-renderizações desnecessárias.
35
+
Quando uma função contém `"use memo"`, o React Compiler a analisará e otimizará em tempo de compilação. O compilador automaticamente memorizará valores e componentes para evitar recomputações e re-renderizações desnecessárias.
35
36
36
37
#### Ressalvas {/*caveats*/}
37
38
@@ -43,7 +44,7 @@ Quando uma função contém `"use memo"`, o React Compiler a analisará e otimiz
43
44
44
45
### Como `"use memo"` marca funções para otimização {/*how-use-memo-marks*/}
45
46
46
-
Em um aplicativo React que usa o React Compiler, as funções são analisadas no tempo de compilação para determinar se podem ser otimizadas. Por padrão, o compilador infere automaticamente quais componentes memorizar, mas isso pode depender da sua configuração de [`compilationMode`](/reference/react-compiler/compilationMode), se você a definiu.
47
+
Em um aplicativo React que usa o React Compiler, as funções são analisadas em tempo de compilação para determinar se podem ser otimizadas. Por padrão, o compilador infere automaticamente quais componentes memorizar, mas isso pode depender da sua configuração de [`compilationMode`](/reference/react-compiler/compilationMode), se você a definiu.
47
48
48
49
`"use memo"` marca explicitamente uma função para otimização, substituindo o comportamento padrão:
49
50
@@ -123,7 +124,7 @@ function ListaProdutos({ produtos }) {
123
124
}
124
125
```
125
126
126
-
#### Modo Infer (padrão) {/*infer-mode-example*/}
127
+
#### Modo infer (padrão) {/*infer-mode-example*/}
127
128
```js
128
129
// Automaticamente memorizado porque este é nomeado como um Componente
129
130
functionDashboardComplexo({ data }) {
@@ -147,10 +148,10 @@ No modo `infer`, o compilador detecta automaticamente componentes e hooks por se
147
148
Para confirmar que seu componente está sendo otimizado:
148
149
149
150
1. Verifique a saída compilada em seu build.
150
-
2. Use o React DevTools para verificar o selo Memo ✨.
151
+
2. Use o React DevTools para verificar o selo ✨ Memo.
151
152
152
153
### Ver também {/*see-also*/}
153
154
154
155
*[`"use no memo"`](/reference/react-compiler/directives/use-no-memo) - Desativar compilação
155
156
*[`compilationMode`](/reference/react-compiler/compilationMode) - Configurar comportamento de compilação
156
-
*[React Compiler](/learn/react-compiler) - Guia de início rápido
157
+
*[React Compiler](/learn/react-compiler) - Guia de introdução
0 commit comments