docs: translate use-memo.md to Português (Brasil)

Author: translate-react-bot[bot]

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"
 ---
-
 <Intro>
 
-`"use memo"` marca uma função para otimização do React Compiler.
+`"use memo"` marca uma função para otimização pelo React Compiler.
 
 </Intro>
 
 <Note>
 
-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"`.
 
 </Note>
 
@@ -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
+* [`"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