From 3e10afeaa2c9042fc7cfdad14723a535edab4e17 Mon Sep 17 00:00:00 2001
From: "translate-react-bot[bot]"
<251169733+translate-react-bot[bot]@users.noreply.github.com>
Date: Wed, 13 May 2026 13:48:33 +0000
Subject: [PATCH 1/6] =?UTF-8?q?docs:=20translate=20`use-memo.md`=20to=20Po?=
=?UTF-8?q?rtugu=C3=AAs=20(Brasil)?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit
---
.../react-compiler/directives/use-memo.md | 98 +++++++++----------
1 file changed, 49 insertions(+), 49 deletions(-)
diff --git a/src/content/reference/react-compiler/directives/use-memo.md b/src/content/reference/react-compiler/directives/use-memo.md
index 431862682..f3d50f2af 100644
--- a/src/content/reference/react-compiler/directives/use-memo.md
+++ b/src/content/reference/react-compiler/directives/use-memo.md
@@ -1,17 +1,17 @@
---
title: "use memo"
-titleForTitleTag: "'use memo' directive"
+titleForTitleTag: "Diretiva 'use memo'"
---
-`"use memo"` marks a function for React Compiler optimization.
+`"use memo"` marca uma função para otimização do React Compiler.
-In most cases, you don't need `"use memo"`. It's primarily needed in `annotation` mode where you must explicitly mark functions for optimization. In `infer` mode, the compiler automatically detects components and hooks by their naming patterns (PascalCase for components, `use` prefix for hooks). If a component or hook isn't being compiled in `infer` mode, you should fix its naming convention rather than forcing compilation with `"use memo"`.
+Na maioria dos casos, você não precisa de `"use memo"`. Ele é usado principalmente no modo `annotation`, onde você deve marcar explicitamente as funções para otimização. No modo `infer`, o compilador detecta automaticamente componentes e hooks por seus padrões de nomenclatura (PascalCase para componentes, prefixo `use` para hooks). Se um componente ou hook não estiver sendo compilado no modo `infer`, você deve corrigir sua convenção de nomenclatura em vez de forçar a compilação com `"use memo"`.
@@ -19,11 +19,11 @@ In most cases, you don't need `"use memo"`. It's primarily needed in `annotation
---
-## Reference {/*reference*/}
+## Referência {/*reference*/}
### `"use memo"` {/*use-memo*/}
-Add `"use memo"` at the beginning of a function to mark it for React Compiler optimization.
+Adicione `"use memo"` no início de uma função para marcá-la para otimização do React Compiler.
```js {1}
function MyComponent() {
@@ -32,59 +32,59 @@ function MyComponent() {
}
```
-When a function contains `"use memo"`, the React Compiler will analyze and optimize it during build time. The compiler will automatically memoize values and components to prevent unnecessary re-computations and re-renders.
+Quando uma função contém `"use memo"`, o React Compiler irá analisá-la e otimizá-la durante o tempo de construção. O compilador irá automaticamente memorizar valores e componentes para evitar recomputações e re-renderizações desnecessárias.
-#### Caveats {/*caveats*/}
+#### Ressalvas {/*caveats*/}
-* `"use memo"` must be at the very beginning of a function body, before any imports or other code (comments are OK).
-* The directive must be written with double or single quotes, not backticks.
-* The directive must exactly match `"use memo"`.
-* Only the first directive in a function is processed; additional directives are ignored.
-* The effect of the directive depends on your [`compilationMode`](/reference/react-compiler/compilationMode) setting.
+* `"use memo"` deve estar no início do corpo de uma função, antes de quaisquer imports ou outro código (comentários são OK).
+* A diretiva deve ser escrita com aspas duplas ou simples, não crases.
+* A diretiva deve corresponder exatamente a `"use memo"`.
+* Somente a primeira diretiva em uma função é processada; diretivas adicionais são ignoradas.
+* O efeito da diretiva depende da sua configuração de [`compilationMode`](/reference/react-compiler/compilationMode).
-### How `"use memo"` marks functions for optimization {/*how-use-memo-marks*/}
+### Como `"use memo"` marca funções para otimização {/*how-use-memo-marks*/}
-In a React app that uses the React Compiler, functions are analyzed at build time to determine if they can be optimized. By default, the compiler automatically infers which components to memoize, but this can depend on your [`compilationMode`](/reference/react-compiler/compilationMode) setting if you've set it.
+Em um aplicativo React que usa o React Compiler, as funções são analisadas no tempo de construçã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 tiver definido.
-`"use memo"` explicitly marks a function for optimization, overriding the default behavior:
+`"use memo"` marca explicitamente uma função para otimização, substituindo o comportamento padrão:
-* In `annotation` mode: Only functions with `"use memo"` are optimized
-* In `infer` mode: The compiler uses heuristics, but `"use memo"` forces optimization
-* In `all` mode: Everything is optimized by default, making `"use memo"` redundant
+* No modo `annotation`: Somente funções com `"use memo"` são otimizadas
+* No modo `infer`: O compilador usa heurísticas, mas `"use memo"` força a otimização
+* No modo `all`: Tudo é otimizado por padrão, tornando `"use memo"` redundante
-The directive creates a clear boundary in your codebase between optimized and non-optimized code, giving you fine-grained control over the compilation process.
+A diretiva cria um limite claro em seu código base entre código otimizado e não otimizado, dando a você controle preciso sobre o processo de compilação.
-### When to use `"use memo"` {/*when-to-use*/}
+### Quando usar `"use memo"` {/*when-to-use*/}
-You should consider using `"use memo"` when:
+Você deve considerar o uso de `"use memo"` quando:
-#### You're using annotation mode {/*annotation-mode-use*/}
-In `compilationMode: 'annotation'`, the directive is required for any function you want optimized:
+#### Você está usando o modo annotation {/*annotation-mode-use*/}
+Em `compilationMode: 'annotation'`, a diretiva é necessária para qualquer função que você deseja otimizar:
```js
-// ✅ This component will be optimized
+// ✅ Este componente será otimizado
function OptimizedList() {
"use memo";
// ...
}
-// ❌ This component won't be optimized
+// ❌ Este componente não será otimizado
function SimpleWrapper() {
// ...
}
```
-#### You're gradually adopting React Compiler {/*gradual-adoption*/}
-Start with `annotation` mode and selectively optimize stable components:
+#### Você está adotando gradualmente o React Compiler {/*gradual-adoption*/}
+Comece com o modo `annotation` e otimize seletivamente componentes estáveis:
```js
-// Start by optimizing leaf components
+// Comece otimizando componentes folha
function Button({ onClick, children }) {
"use memo";
// ...
}
-// Gradually move up the tree as you verify behavior
+// Mova-se gradualmente pela árvore conforme você verifica o comportamento
function ButtonGroup({ buttons }) {
"use memo";
// ...
@@ -93,65 +93,65 @@ function ButtonGroup({ buttons }) {
---
-## Usage {/*usage*/}
+## Uso {/*usage*/}
-### Working with different compilation modes {/*compilation-modes*/}
+### Trabalhando com diferentes modos de compilação {/*compilation-modes*/}
-The behavior of `"use memo"` changes based on your compiler configuration:
+O comportamento de `"use memo"` muda com base na sua configuração do compilador:
```js
// babel.config.js
module.exports = {
plugins: [
['babel-plugin-react-compiler', {
- compilationMode: 'annotation' // or 'infer' or 'all'
+ compilationMode: 'annotation' // ou 'infer' ou 'all'
}]
]
};
```
-#### Annotation mode {/*annotation-mode-example*/}
+#### Modo annotation {/*annotation-mode-example*/}
```js
-// ✅ Optimized with "use memo"
+// ✅ Otimizado com "use memo"
function ProductCard({ product }) {
"use memo";
// ...
}
-// ❌ Not optimized (no directive)
+// ❌ Não otimizado (sem diretiva)
function ProductList({ products }) {
// ...
}
```
-#### Infer mode (default) {/*infer-mode-example*/}
+#### Modo infer (padrão) {/*infer-mode-example*/}
```js
-// Automatically memoized because this is named like a Component
+// Automaticamente memorizado porque este é nomeado como um Componente
function ComplexDashboard({ data }) {
// ...
}
-// Skipped: Is not named like a Component
+// Ignorado: Não é nomeado como um Componente
function simpleDisplay({ text }) {
// ...
}
```
-In `infer` mode, the compiler automatically detects components and hooks by their naming patterns (PascalCase for components, `use` prefix for hooks). If a component or hook isn't being compiled in `infer` mode, you should fix its naming convention rather than forcing compilation with `"use memo"`.
+No modo `infer`, o compilador detecta automaticamente componentes e hooks por seus padrões de nomenclatura (PascalCase para componentes, prefixo `use` para hooks). Se um componente ou hook não estiver sendo compilado no modo `infer`, você deve corrigir sua convenção de nomenclatura em vez de forçar a compilação com `"use memo"`.
---
-## Troubleshooting {/*troubleshooting*/}
+## Solução de problemas {/*troubleshooting*/}
-### Verifying optimization {/*verifying-optimization*/}
+### Verificando a otimização {/*verifying-optimization*/}
-To confirm your component is being optimized:
+Para confirmar que seu componente está sendo otimizado:
-1. Check the compiled output in your build
-2. Use React DevTools to check for Memo ✨ badge
+1. Verifique a saída compilada em sua construção
+2. Use o React DevTools para verificar o selo Memo ✨
-### See also {/*see-also*/}
+### Veja também {/*see-also*/}
-* [`"use no memo"`](/reference/react-compiler/directives/use-no-memo) - Opt out of compilation
-* [`compilationMode`](/reference/react-compiler/compilationMode) - Configure compilation behavior
-* [React Compiler](/learn/react-compiler) - Getting started guide
\ No newline at end of file
+* [`"use no memo"`](/reference/react-compiler/directives/use-no-memo) - Desativar a compilação
+* [`compilationMode`](/reference/react-compiler/compilationMode) - Configurar o comportamento da compilação
+* [React Compiler](/learn/react-compiler) - Guia de primeiros passos
\ No newline at end of file
From 40d18b4334a9f4a31b4d0049dab1ab542d261d81 Mon Sep 17 00:00:00 2001
From: "translate-react-bot[bot]"
<251169733+translate-react-bot[bot]@users.noreply.github.com>
Date: Mon, 18 May 2026 15:58:25 +0000
Subject: [PATCH 2/6] =?UTF-8?q?docs:=20translate=20`use-memo.md`=20to=20Po?=
=?UTF-8?q?rtugu=C3=AAs=20(Brasil)?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit
---
.../react-compiler/directives/use-memo.md | 71 +++++++++----------
1 file changed, 35 insertions(+), 36 deletions(-)
diff --git a/src/content/reference/react-compiler/directives/use-memo.md b/src/content/reference/react-compiler/directives/use-memo.md
index f3d50f2af..459b38b09 100644
--- a/src/content/reference/react-compiler/directives/use-memo.md
+++ b/src/content/reference/react-compiler/directives/use-memo.md
@@ -1,17 +1,16 @@
---
-title: "use memo"
-titleForTitleTag: "Diretiva 'use memo'"
+title: "useMemo"
+titleForTitleTag: "'use memo' directive"
---
-
-`"use memo"` marca uma função para otimização do React Compiler.
+`"use memo"` marca uma função para otimização pelo React Compiler.
-Na maioria dos casos, você não precisa de `"use memo"`. Ele é usado principalmente no modo `annotation`, onde você deve marcar explicitamente as funções para otimização. No modo `infer`, o compilador detecta automaticamente componentes e hooks por seus padrões de nomenclatura (PascalCase para componentes, prefixo `use` para hooks). Se um componente ou hook não estiver sendo compilado no modo `infer`, você deve corrigir sua convenção de nomenclatura em vez de forçar a compilação com `"use memo"`.
+Na maioria dos casos, você não precisa de `"use memo"`. Ele é primariamente necessário no modo `annotation`, onde você deve marcar explicitamente as funções para otimização. No modo `infer`, o compilador detecta automaticamente componentes e hooks por seus padrões de nomenclatura (PascalCase para componentes, prefixo `use` para hooks). Se um componente ou hook não estiver sendo compilado no modo `infer`, você deve corrigir sua convenção de nomenclatura em vez de forçar a compilação com `"use memo"`.
@@ -23,53 +22,53 @@ Na maioria dos casos, você não precisa de `"use memo"`. Ele é usado principal
### `"use memo"` {/*use-memo*/}
-Adicione `"use memo"` no início de uma função para marcá-la para otimização do React Compiler.
+Adicione `"use memo"` no início de uma função para marcá-la para otimização pelo React Compiler.
```js {1}
-function MyComponent() {
+function MeuComponente() {
"use memo";
// ...
}
```
-Quando uma função contém `"use memo"`, o React Compiler irá analisá-la e otimizá-la durante o tempo de construção. O compilador irá automaticamente memorizar valores e componentes para evitar recomputações e re-renderizações desnecessárias.
+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.
#### Ressalvas {/*caveats*/}
-* `"use memo"` deve estar no início do corpo de uma função, antes de quaisquer imports ou outro código (comentários são OK).
-* A diretiva deve ser escrita com aspas duplas ou simples, não crases.
+* `"use memo"` deve estar no início do corpo da função, antes de quaisquer imports ou outro código (comentários são permitidos).
+* A diretiva deve ser escrita com aspas duplas ou simples, não com crases.
* A diretiva deve corresponder exatamente a `"use memo"`.
-* Somente a primeira diretiva em uma função é processada; diretivas adicionais são ignoradas.
+* Apenas a primeira diretiva em uma função é processada; diretivas adicionais são ignoradas.
* O efeito da diretiva depende da sua configuração de [`compilationMode`](/reference/react-compiler/compilationMode).
### Como `"use memo"` marca funções para otimização {/*how-use-memo-marks*/}
-Em um aplicativo React que usa o React Compiler, as funções são analisadas no tempo de construçã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 tiver definido.
+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.
`"use memo"` marca explicitamente uma função para otimização, substituindo o comportamento padrão:
-* No modo `annotation`: Somente funções com `"use memo"` são otimizadas
-* No modo `infer`: O compilador usa heurísticas, mas `"use memo"` força a otimização
-* No modo `all`: Tudo é otimizado por padrão, tornando `"use memo"` redundante
+* No modo `annotation`: Apenas funções com `"use memo"` são otimizadas.
+* No modo `infer`: O compilador usa heurísticas, mas `"use memo"` força a otimização.
+* No modo `all`: Tudo é otimizado por padrão, tornando `"use memo"` redundante.
-A diretiva cria um limite claro em seu código base entre código otimizado e não otimizado, dando a você controle preciso sobre o processo de compilação.
+A diretiva cria um limite claro em sua base de código entre código otimizado e não otimizado, dando a você controle granular sobre o processo de compilação.
### Quando usar `"use memo"` {/*when-to-use*/}
-Você deve considerar o uso de `"use memo"` quando:
+Você deve considerar usar `"use memo"` quando:
-#### Você está usando o modo annotation {/*annotation-mode-use*/}
-Em `compilationMode: 'annotation'`, a diretiva é necessária para qualquer função que você deseja otimizar:
+#### Você está usando o modo de anotação {/*annotation-mode-use*/}
+Em `compilationMode: 'annotation'`, a diretiva é necessária para qualquer função que você queira otimizar:
```js
// ✅ Este componente será otimizado
-function OptimizedList() {
+function ListaOtimizada() {
"use memo";
// ...
}
// ❌ Este componente não será otimizado
-function SimpleWrapper() {
+function WrapperSimples() {
// ...
}
```
@@ -79,13 +78,13 @@ Comece com o modo `annotation` e otimize seletivamente componentes estáveis:
```js
// Comece otimizando componentes folha
-function Button({ onClick, children }) {
+function Botao({ onClick, children }) {
"use memo";
// ...
}
-// Mova-se gradualmente pela árvore conforme você verifica o comportamento
-function ButtonGroup({ buttons }) {
+// Gradualmente suba na árvore conforme verifica o comportamento
+function GrupoDeBotoes({ botoes }) {
"use memo";
// ...
}
@@ -110,29 +109,29 @@ module.exports = {
};
```
-#### Modo annotation {/*annotation-mode-example*/}
+#### Modo de anotação {/*annotation-mode-example*/}
```js
// ✅ Otimizado com "use memo"
-function ProductCard({ product }) {
+function CartaoProduto({ produto }) {
"use memo";
// ...
}
// ❌ Não otimizado (sem diretiva)
-function ProductList({ products }) {
+function ListaProdutos({ produtos }) {
// ...
}
```
-#### Modo infer (padrão) {/*infer-mode-example*/}
+#### Modo Infer (padrão) {/*infer-mode-example*/}
```js
// Automaticamente memorizado porque este é nomeado como um Componente
-function ComplexDashboard({ data }) {
+function DashboardComplexo({ data }) {
// ...
}
// Ignorado: Não é nomeado como um Componente
-function simpleDisplay({ text }) {
+function exibicaoSimples({ texto }) {
// ...
}
```
@@ -147,11 +146,11 @@ No modo `infer`, o compilador detecta automaticamente componentes e hooks por se
Para confirmar que seu componente está sendo otimizado:
-1. Verifique a saída compilada em sua construção
-2. Use o React DevTools para verificar o selo Memo ✨
+1. Verifique a saída compilada em seu build.
+2. Use o React DevTools para verificar o selo Memo ✨.
-### Veja também {/*see-also*/}
+### Ver também {/*see-also*/}
-* [`"use no memo"`](/reference/react-compiler/directives/use-no-memo) - Desativar a compilação
-* [`compilationMode`](/reference/react-compiler/compilationMode) - Configurar o comportamento da compilação
-* [React Compiler](/learn/react-compiler) - Guia de primeiros passos
\ No newline at end of file
+* [`"use no memo"`](/reference/react-compiler/directives/use-no-memo) - Desativar compilação
+* [`compilationMode`](/reference/react-compiler/compilationMode) - Configurar comportamento de compilação
+* [React Compiler](/learn/react-compiler) - Guia de início rápido
\ No newline at end of file
From 6fe4e54a1975eef8e7bbb9f8e105932361ed071c Mon Sep 17 00:00:00 2001
From: nivaldo
Date: Mon, 18 May 2026 13:50:29 -0300
Subject: [PATCH 3/6] chore: rename title back to original `use memo`
---
src/content/reference/react-compiler/directives/use-memo.md | 4 ++--
1 file changed, 2 insertions(+), 2 deletions(-)
diff --git a/src/content/reference/react-compiler/directives/use-memo.md b/src/content/reference/react-compiler/directives/use-memo.md
index 459b38b09..226a67ff7 100644
--- a/src/content/reference/react-compiler/directives/use-memo.md
+++ b/src/content/reference/react-compiler/directives/use-memo.md
@@ -1,5 +1,5 @@
---
-title: "useMemo"
+title: "use memo"
titleForTitleTag: "'use memo' directive"
---
@@ -153,4 +153,4 @@ Para confirmar que seu componente está sendo otimizado:
* [`"use no memo"`](/reference/react-compiler/directives/use-no-memo) - Desativar compilação
* [`compilationMode`](/reference/react-compiler/compilationMode) - Configurar comportamento de compilação
-* [React Compiler](/learn/react-compiler) - Guia de início rápido
\ No newline at end of file
+* [React Compiler](/learn/react-compiler) - Guia de início rápido
From 157072063fd9a5cc30db6c3018d9cf9d55ee22d0 Mon Sep 17 00:00:00 2001
From: "translate-react-bot[bot]"
<251169733+translate-react-bot[bot]@users.noreply.github.com>
Date: Mon, 18 May 2026 18:31:04 +0000
Subject: [PATCH 4/6] =?UTF-8?q?docs:=20translate=20`use-memo.md`=20to=20Po?=
=?UTF-8?q?rtugu=C3=AAs=20(Brasil)?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit
---
.../reference/react-compiler/directives/use-memo.md | 11 ++++++-----
1 file changed, 6 insertions(+), 5 deletions(-)
diff --git a/src/content/reference/react-compiler/directives/use-memo.md b/src/content/reference/react-compiler/directives/use-memo.md
index 226a67ff7..c3699812b 100644
--- a/src/content/reference/react-compiler/directives/use-memo.md
+++ b/src/content/reference/react-compiler/directives/use-memo.md
@@ -2,6 +2,7 @@
title: "use memo"
titleForTitleTag: "'use memo' directive"
---
+
`"use memo"` marca uma função para otimização pelo React Compiler.
@@ -31,7 +32,7 @@ function MeuComponente() {
}
```
-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.
+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.
#### Ressalvas {/*caveats*/}
@@ -43,7 +44,7 @@ Quando uma função contém `"use memo"`, o React Compiler a analisará e otimiz
### Como `"use memo"` marca funções para otimização {/*how-use-memo-marks*/}
-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.
+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.
`"use memo"` marca explicitamente uma função para otimização, substituindo o comportamento padrão:
@@ -123,7 +124,7 @@ function ListaProdutos({ produtos }) {
}
```
-#### Modo Infer (padrão) {/*infer-mode-example*/}
+#### Modo infer (padrão) {/*infer-mode-example*/}
```js
// Automaticamente memorizado porque este é nomeado como um Componente
function DashboardComplexo({ data }) {
@@ -147,10 +148,10 @@ No modo `infer`, o compilador detecta automaticamente componentes e hooks por se
Para confirmar que seu componente está sendo otimizado:
1. Verifique a saída compilada em seu build.
-2. Use o React DevTools para verificar o selo Memo ✨.
+2. Use o React DevTools para verificar o selo ✨ Memo.
### Ver também {/*see-also*/}
* [`"use no memo"`](/reference/react-compiler/directives/use-no-memo) - Desativar compilação
* [`compilationMode`](/reference/react-compiler/compilationMode) - Configurar comportamento de compilação
-* [React Compiler](/learn/react-compiler) - Guia de início rápido
+* [React Compiler](/learn/react-compiler) - Guia de introdução
\ No newline at end of file
From 8f5718720b5d8db522c13c720674c358eb069fbe Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Jo=C3=A3o=20Figueredo?=
<63759223+jpfigueredo@users.noreply.github.com>
Date: Tue, 19 May 2026 09:52:42 -0300
Subject: [PATCH 5/6] Translate function names in use-memo.md to English
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit
Renomeando funções em `use-memo.md` de Português para Inglês, mantendo o padrão presente na tradução já presente da documentação.
---
.../react-compiler/directives/use-memo.md | 20 +++++++++----------
1 file changed, 10 insertions(+), 10 deletions(-)
diff --git a/src/content/reference/react-compiler/directives/use-memo.md b/src/content/reference/react-compiler/directives/use-memo.md
index c3699812b..7c1beb39e 100644
--- a/src/content/reference/react-compiler/directives/use-memo.md
+++ b/src/content/reference/react-compiler/directives/use-memo.md
@@ -26,7 +26,7 @@ Na maioria dos casos, você não precisa de `"use memo"`. Ele é primariamente n
Adicione `"use memo"` no início de uma função para marcá-la para otimização pelo React Compiler.
```js {1}
-function MeuComponente() {
+function MyComponent() {
"use memo";
// ...
}
@@ -63,13 +63,13 @@ Em `compilationMode: 'annotation'`, a diretiva é necessária para qualquer fun
```js
// ✅ Este componente será otimizado
-function ListaOtimizada() {
+function OptimizedList() {
"use memo";
// ...
}
// ❌ Este componente não será otimizado
-function WrapperSimples() {
+function SimpleWrapper() {
// ...
}
```
@@ -79,13 +79,13 @@ Comece com o modo `annotation` e otimize seletivamente componentes estáveis:
```js
// Comece otimizando componentes folha
-function Botao({ onClick, children }) {
+function Button({ onClick, children }) {
"use memo";
// ...
}
// Gradualmente suba na árvore conforme verifica o comportamento
-function GrupoDeBotoes({ botoes }) {
+function ButtonGroup({ buttons }) {
"use memo";
// ...
}
@@ -113,13 +113,13 @@ module.exports = {
#### Modo de anotação {/*annotation-mode-example*/}
```js
// ✅ Otimizado com "use memo"
-function CartaoProduto({ produto }) {
+function ProductCard({ product }) {
"use memo";
// ...
}
// ❌ Não otimizado (sem diretiva)
-function ListaProdutos({ produtos }) {
+function ProductList({ products }) {
// ...
}
```
@@ -127,12 +127,12 @@ function ListaProdutos({ produtos }) {
#### Modo infer (padrão) {/*infer-mode-example*/}
```js
// Automaticamente memorizado porque este é nomeado como um Componente
-function DashboardComplexo({ data }) {
+function ComplexDashboard({ data }) {
// ...
}
// Ignorado: Não é nomeado como um Componente
-function exibicaoSimples({ texto }) {
+function simpleDisplay({ texto }) {
// ...
}
```
@@ -154,4 +154,4 @@ Para confirmar que seu componente está sendo otimizado:
* [`"use no memo"`](/reference/react-compiler/directives/use-no-memo) - Desativar compilação
* [`compilationMode`](/reference/react-compiler/compilationMode) - Configurar comportamento de compilação
-* [React Compiler](/learn/react-compiler) - Guia de introdução
\ No newline at end of file
+* [React Compiler](/learn/react-compiler) - Guia de introdução
From df0d57cb1c92d5a1a53b6c85d55d0775f8373071 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Jo=C3=A3o=20Figueredo?=
<63759223+jpfigueredo@users.noreply.github.com>
Date: Tue, 19 May 2026 09:54:49 -0300
Subject: [PATCH 6/6] Rename parameter 'texto' to 'text' in simpleDisplay
---
src/content/reference/react-compiler/directives/use-memo.md | 2 +-
1 file changed, 1 insertion(+), 1 deletion(-)
diff --git a/src/content/reference/react-compiler/directives/use-memo.md b/src/content/reference/react-compiler/directives/use-memo.md
index 7c1beb39e..53a34a26e 100644
--- a/src/content/reference/react-compiler/directives/use-memo.md
+++ b/src/content/reference/react-compiler/directives/use-memo.md
@@ -132,7 +132,7 @@ function ComplexDashboard({ data }) {
}
// Ignorado: Não é nomeado como um Componente
-function simpleDisplay({ texto }) {
+function simpleDisplay({ text }) {
// ...
}
```