fix: resolve merge conflicts by accepting English changes and translating to Portuguese

- Resolved conflicts in 14 files from sync with react.dev @ a5181c2
- Accepted incoming English changes and translated to Portuguese
- Updated links and references to maintain consistency
- Fixed numbering and formatting issues
- Removed all conflict markers and old Portuguese text

Files updated:
- src/content/learn/build-a-react-app-from-scratch.md
- src/content/learn/react-compiler/installation.md
- src/content/learn/react-compiler/introduction.md
- src/content/learn/reusing-logic-with-custom-hooks.md
- src/content/learn/tutorial-tic-tac-toe.md
- src/content/learn/typescript.md
- src/content/reference/react-dom/components/form.md
- src/content/reference/react-dom/components/style.md
- src/content/reference/react-dom/flushSync.md
- src/content/reference/react/StrictMode.md
- src/content/reference/react/cache.md
- src/content/reference/react/forwardRef.md
- src/content/reference/react/useTransition.md
- src/content/reference/rsc/server-functions.md

Author: jhonmike

src/content/learn/build-a-react-app-from-scratch.md

@@ -120,11 +120,7 @@ Para instruções de divisão de código, veja a documentação da sua ferrament
 
 ### Melhorando a Performance da Aplicação {/*improving-application-performance*/}
 
-<<<<<<< HEAD
 Como a ferramenta de build que você seleciona só suporta aplicações de página única (SPAs), você precisará implementar outros [padrões de renderização](https://www.patterns.dev/vanilla/rendering-patterns) como renderização do lado do servidor (SSR), geração de site estático (SSG), e/ou React Server Components (RSC). Mesmo se você não precisar dessas funcionalidades no início, no futuro pode haver algumas rotas que se beneficiariam de SSR, SSG ou RSC.
-=======
-Since the build tool you select only supports single page apps (SPAs), you'll need to implement other [rendering patterns](https://www.patterns.dev/vanilla/rendering-patterns) like server-side rendering (SSR), static site generation (SSG), and/or React Server Components (RSC). Even if you don't need these features at first, in the future there may be some routes that would benefit SSR, SSG or RSC.
->>>>>>> a5181c291f01896735b65772f156cfde34df20ee
 
 * **Aplicações de página única (SPA)** carregam uma única página HTML e atualizam dinamicamente a página conforme o usuário interage com a aplicação. SPAs são mais fáceis de começar, mas podem ter tempos de carregamento inicial mais lentos. SPAs são a arquitetura padrão para a maioria das ferramentas de build.
 
@@ -142,4 +138,4 @@ Usar a estratégia de renderização certa para as rotas certas pode diminuir o
 
 Estes são apenas alguns exemplos das funcionalidades que uma nova aplicação precisará considerar ao construir do zero. Muitas limitações que você encontrará podem ser difíceis de resolver, já que cada problema está interconectado com os outros e pode requerer expertise profunda em áreas problemáticas com as quais você pode não estar familiarizado.
 
-Se você não quer resolver esses problemas por conta própria, pode [começar com um framework](/learn/creating-a-react-app) que fornece essas funcionalidades prontas para uso.
+Se você não quer resolver esses problemas por conta própria, pode [começar com um framework](/learn/creating-a-react-app) que fornece essas funcionalidades prontas para uso.

src/content/learn/react-compiler/installation.md

@@ -175,20 +175,7 @@ Instale o plugin ESLint:
 npm install -D eslint-plugin-react-hooks@rc
 </TerminalBlock>
 
-<<<<<<< HEAD
-Em seguida, habilite a regra do compilador na sua configuração ESLint:
-
-```js {3}
-// .eslintrc.js
-module.exports = {
-  rules: {
-    'react-hooks/react-compiler': 'error',
-  },
-};
-```
-=======
-If you haven't already configured eslint-plugin-react-hooks, follow the [installation instructions in the readme](https://github.com/facebook/react/blob/main/packages/eslint-plugin-react-hooks/README.md#installation). The compiler rule is enabled by default in the latest RC, so no additional configuration is needed.
->>>>>>> a5181c291f01896735b65772f156cfde34df20ee
+Se você ainda não configurou o eslint-plugin-react-hooks, siga as [instruções de instalação no readme](https://github.com/facebook/react/blob/main/packages/eslint-plugin-react-hooks/README.md#installation). A regra do compilador está habilitada por padrão no RC mais recente, então nenhuma configuração adicional é necessária.
 
 A regra ESLint irá:
 - Identificar violações das [Regras do React](/reference/rules)
@@ -258,4 +245,4 @@ Agora que você tem o React Compiler instalado, saiba mais sobre:
 - [Opções de configuração](/reference/react-compiler/configuration) para personalizar o compilador
 - [Estratégias de adoção incremental](/learn/react-compiler/incremental-adoption) para bases de código existentes
 - [Técnicas de depuração](/learn/react-compiler/debugging) para solução de problemas
-- [Guia de compilação de bibliotecas](/reference/react-compiler/compiling-libraries) para compilar sua biblioteca React
+- [Guia de compilação de bibliotecas](/reference/react-compiler/compiling-libraries) para compilar sua biblioteca React

src/content/learn/react-compiler/introduction.md

@@ -50,26 +50,21 @@ const ExpensiveComponent = memo(function ExpensiveComponent({ data, onClick }) {
 });
 ```
 
-<<<<<<< HEAD
-### Depois do React Compiler {/*after-react-compiler*/}
-=======
-
 <Note>
 
-This manual memoization has a subtle bug that breaks memoization:
+Esta memoização manual tem um bug sutil que quebra a memoização:
 
 ```js [[2, 1, "() => handleClick(item)"]]
 <Item key={item.id} onClick={() => handleClick(item)} />
 ```
 
-Even though `handleClick` is wrapped in `useCallback`, the arrow function `() => handleClick(item)` creates a new function every time the component renders. This means that `Item` will always receive a new `onClick` prop, breaking memoization.
+Mesmo que `handleClick` esteja envolvido em `useCallback`, a função arrow `() => handleClick(item)` cria uma nova função toda vez que o componente renderiza. Isso significa que `Item` sempre receberá uma nova prop `onClick`, quebrando a memoização.
 
-React Compiler is able to optimize this correctly with or without the arrow function, ensuring that `Item` only re-renders when `props.onClick` changes.
+O React Compiler é capaz de otimizar isso corretamente com ou sem a função arrow, garantindo que `Item` só re-renderize quando `props.onClick` mudar.
 
 </Note>
 
-### After React Compiler {/*after-react-compiler*/}
->>>>>>> a5181c291f01896735b65772f156cfde34df20ee
+### Depois do React Compiler {/*after-react-compiler*/}
 
 Com o React Compiler, você escreve o mesmo código sem memoização manual:
 
@@ -93,11 +88,7 @@ function ExpensiveComponent({ data, onClick }) {
 
 _[Veja este exemplo no React Compiler Playground](https://playground.react.dev/#N4Igzg9grgTgxgUxALhAMygOzgFwJYSYAEAogB4AOCmYeAbggMIQC2Fh1OAFMEQCYBDHAIA0RQowA2eOAGsiAXwCURYAB1iROITA4iFGBERgwCPgBEhAogF4iCStVoMACoeO1MAcy6DhSgG4NDSItHT0ACwFMPkkmaTlbIi48HAQWFRsAPlUQ0PFMKRlZFLSWADo8PkC8hSDMPJgEHFhiLjzQgB4+eiyO-OADIwQTM0thcpYBClL02xz2zXz8zoBJMqJZBABPG2BU9Mq+BQKiuT2uTJyomLizkoOMk4B6PqX8pSUFfs7nnro3qEapgFCAFEA)_
 
-<<<<<<< HEAD
 O React Compiler aplica automaticamente as otimizações equivalentes, garantindo que sua aplicação só re-renderize quando necessário.
-=======
-React Compiler automatically applies the optimal memoization, ensuring your app only re-renders when necessary.
->>>>>>> a5181c291f01896735b65772f156cfde34df20ee
 
 <DeepDive>
 #### Que tipo de memoização o React Compiler adiciona? {/*what-kind-of-memoization-does-react-compiler-add*/}
@@ -177,11 +168,7 @@ Usuários do Next.js podem habilitar o React Compiler invocado pelo swc usando [
 
 ## O que devo fazer sobre useMemo, useCallback e React.memo? {/*what-should-i-do-about-usememo-usecallback-and-reactmemo*/}
 
-<<<<<<< HEAD
-Se você está usando o React Compiler, [`useMemo`](/reference/react/useMemo), [`useCallback`](/reference/react/useCallback) e [`React.memo`](/reference/react/memo) podem ser removidos. O React Compiler adiciona memoização automática de forma mais precisa e granular do que é possível com esses hooks. Se você escolher manter a memoização manual, o React Compiler irá analisá-la e determinar se sua memoização manual corresponde à sua memoização automaticamente inferida. Se não houver correspondência, o compilador escolherá não otimizar esse componente.
-=======
-React Compiler adds automatic memoization more precisely and granularly than is possible with [`useMemo`](/reference/react/useMemo), [`useCallback`](/reference/react/useCallback), and [`React.memo`](/reference/react/memo). If you choose to keep manual memoization, React Compiler will analyze them and determine if your manual memoization matches its automatically inferred memoization. If there isn't a match, the compiler will choose to bail out of optimizing that component.
->>>>>>> a5181c291f01896735b65772f156cfde34df20ee
+O React Compiler adiciona memoização automática de forma mais precisa e granular do que é possível com [`useMemo`](/reference/react/useMemo), [`useCallback`](/reference/react/useCallback) e [`React.memo`](/reference/react/memo). Se você escolher manter a memoização manual, o React Compiler irá analisá-la e determinar se sua memoização manual corresponde à sua memoização automaticamente inferida. Se não houver correspondência, o compilador escolherá não otimizar esse componente.
 
 Isso é feito por precaução, pois um anti-padrão comum com memoização manual é usá-la para correção. Isso significa que sua aplicação depende de valores específicos sendo memoizados para funcionar adequadamente. Por exemplo, para prevenir um loop infinito, você pode ter memoizado alguns valores para impedir que uma chamada `useEffect` seja disparada. Isso quebra as Regras do React, mas como pode ser potencialmente perigoso para o compilador remover automaticamente a memoização manual, o compilador simplesmente não otimizará. Você deve remover manualmente sua memoização escrita à mão e verificar que sua aplicação ainda funciona como esperado.
 
@@ -199,4 +186,4 @@ Esta seção irá ajudá-lo a começar com o React Compiler e entender como usá
 
 ## Recursos adicionais {/*additional-resources*/}
 
-Além desta documentação, recomendamos verificar o [Grupo de Trabalho do React Compiler](https://github.com/reactwg/react-compiler) para informações adicionais e discussões sobre o compilador.
+Além desta documentação, recomendamos verificar o [Grupo de Trabalho do React Compiler](https://github.com/reactwg/react-compiler) para informações adicionais e discussões sobre o compilador.

src/content/learn/reusing-logic-with-custom-hooks.md

@@ -1419,36 +1419,29 @@ Similar a um [sistema de design](https://uxdesign.cc/everything-you-need-to-know
 
 #### O React fornecerá alguma solução interna para busca de dados? {/*will-react-provide-any-built-in-solution-for-data-fetching*/}
 
-<<<<<<< HEAD
-Ainda estamos trabalhando nos detalhes, mas esperamos que no futuro você escreva a busca de dados da seguinte forma:
-
-```js {1,4,6}
-import { use } from 'react'; // Não disponível ainda!
-=======
-Today, with the [`use`](/reference/react/use#streaming-data-from-server-to-client) API, data can be read in render by passing a [Promise](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Promise) to `use`:
+Hoje, com a API [`use`](/reference/react/use#streaming-data-from-server-to-client), os dados podem ser lidos na renderização passando uma [Promise](https://developer.mozilla.org/pt-BR/docs/Web/JavaScript/Reference/Global_Objects/Promise) para `use`:
 
 ```js {1,4,11}
 import { use, Suspense } from "react";
 
 function Message({ messagePromise }) {
   const messageContent = use(messagePromise);
-  return <p>Here is the message: {messageContent}</p>;
+  return <p>Aqui está a mensagem: {messageContent}</p>;
 }
 
 export function MessageContainer({ messagePromise }) {
   return (
-    <Suspense fallback={<p>⌛Downloading message...</p>}>
+    <Suspense fallback={<p>⌛Baixando mensagem...</p>}>
       <Message messagePromise={messagePromise} />
     </Suspense>
   );
 }
 ```
 
-We're still working out the details, but we expect that in the future, you'll write data fetching like this:
+Estamos ainda trabalhando nos detalhes, mas esperamos que no futuro, você escreva a busca de dados assim:
 
 ```js {1,4,6}
 import { use } from 'react';
->>>>>>> a5181c291f01896735b65772f156cfde34df20ee
 
 function ShippingForm({ country }) {
   const cities = use(fetch(`/api/cities?country=${country}`));

src/content/learn/tutorial-tic-tac-toe.md

@@ -283,15 +283,9 @@ No CodeSandbox você verá três seções principais:
 
 ![CodeSandbox com código inicial](../images/tutorial/react-starter-code-codesandbox.png)
 
-<<<<<<< HEAD
-1. A seção *Arquivos* com uma lista de arquivos como `App.js`, `index.js`, `styles.css` e uma pasta chamada `public`
-1. O *editor de código* onde você verá o código fonte de seu arquivo selecionado
-1. A seção de *navegador* onde você verá como o código que você escreveu será exibido
-=======
-1. The _Files_ section with a list of files like `App.js`, `index.js`, `styles.css` in `src` folder and a folder called `public`
-1. The _code editor_ where you'll see the source code of your selected file
-1. The _browser_ section where you'll see how the code you've written will be displayed
->>>>>>> a5181c291f01896735b65772f156cfde34df20ee
+1. A seção *Arquivos* com uma lista de arquivos como `App.js`, `index.js`, `styles.css` na pasta `src` e uma pasta chamada `public`
+2. O *editor de código* onde você verá o código fonte de seu arquivo selecionado
+3. A seção de *navegador* onde você verá como o código que você escreveu será exibido
 
 O arquivo `App.js` deve ser selecionado na seção *Arquivos*. Os conteúdos daquele arquivo no *editor de código* devem ser:
 

src/content/learn/typescript.md

@@ -37,15 +37,9 @@ npm install --save-dev @types/react @types/react-dom
 
 As seguintes opções do compilador precisam ser definidas em seu `tsconfig.json`:
 
-<<<<<<< HEAD
 1. `dom` precisa ser incluído em [`lib`](https://www.typescriptlang.org/tsconfig/#lib) (Nota: se nenhuma opção de `lib` for especificada, `dom` será incluido por padrão).
-1. [`jsx`](https://www.typescriptlang.org/tsconfig/#jsx) deve ser definido como uma das opções válidas. `preserve` deve ser suficiente para a maioria das aplicações.
-  Se você está publicando uma biblioteca, consulte a [documentação do `jsx`](https://www.typescriptlang.org/tsconfig/#jsx) sobre qual valor escolher. 
-=======
-1. `dom` must be included in [`lib`](https://www.typescriptlang.org/tsconfig/#lib) (Note: If no `lib` option is specified, `dom` is included by default).
-2. [`jsx`](https://www.typescriptlang.org/tsconfig/#jsx) must be set to one of the valid options. `preserve` should suffice for most applications.
-  If you're publishing a library, consult the [`jsx` documentation](https://www.typescriptlang.org/tsconfig/#jsx) on what value to choose.
->>>>>>> a5181c291f01896735b65772f156cfde34df20ee
+2. [`jsx`](https://www.typescriptlang.org/tsconfig/#jsx) deve ser definido como uma das opções válidas. `preserve` deve ser suficiente para a maioria das aplicações.
+  Se você está publicando uma biblioteca, consulte a [documentação do `jsx`](https://www.typescriptlang.org/tsconfig/#jsx) sobre qual valor escolher.
 
 ## TypeScript com Componentes React {/*typescript-with-react-components*/}
 

src/content/reference/react-dom/components/form.md

@@ -38,11 +38,7 @@ Para criar controles interativos para enviar informações, renderize o [compone
 
 `<form>` suporta todas as [props de elementos comuns.](/reference/react-dom/components/common#common-props)
 
-<<<<<<< HEAD
-[`action`](https://developer.mozilla.org/pt-BR/docs/Web/HTML/Element/form#action): uma URL ou função. Quando uma URL é passada para `action`, o formulário se comportará como o componente de formulário HTML. Quando uma função é passada para `action`, a função irá manipular o envio do formulário. A função passada para `action` pode ser async e será chamada com um único argumento contendo os [dados do formulário](https://developer.mozilla.org/pt-BR/docs/Web/API/FormData) do formulário enviado. A prop `action` pode ser substituída por um atributo `formAction` em um componente `<button>`, `<input type="submit">` ou `<input type="image">`.
-=======
-[`action`](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/form#action): a URL or function. When a URL is passed to `action` the form will behave like the HTML form component. When a function is passed to `action` the function will handle the form submission in a Transition following [the Action prop pattern](/reference/react/useTransition#exposing-action-props-from-components). The function passed to `action` may be async and will be called with a single argument containing the [form data](https://developer.mozilla.org/en-US/docs/Web/API/FormData) of the submitted form. The `action` prop can be overridden by a `formAction` attribute on a `<button>`, `<input type="submit">`, or `<input type="image">` component.
->>>>>>> a5181c291f01896735b65772f156cfde34df20ee
+[`action`](https://developer.mozilla.org/pt-BR/docs/Web/HTML/Element/form#action): uma URL ou função. Quando uma URL é passada para `action`, o formulário se comportará como o componente de formulário HTML. Quando uma função é passada para `action`, a função irá manipular o envio do formulário seguindo [o padrão de props de Action](/reference/react/useTransition#exposing-action-props-from-components). A função passada para `action` pode ser async e será chamada com um único argumento contendo os [dados do formulário](https://developer.mozilla.org/pt-BR/docs/Web/API/FormData) do formulário enviado. A prop `action` pode ser substituída por um atributo `formAction` em um componente `<button>`, `<input type="submit">` ou `<input type="image">`.
 
 #### Ressalvas {/*caveats*/}
 
@@ -233,13 +229,8 @@ export async function deliverMessage(message) {
 
 </Sandpack>
 
-<<<<<<< HEAD
 [//]: # 'Remova o comentário da próxima linha e exclua esta linha após a publicação da página de documentação de referência `useOptimistic`'
 [//]: # 'Para saber mais sobre o Hook `useOptimistic`, consulte a [documentação de referência](/reference/react/useOptimistic).'
-=======
-[//]: # 'Uncomment the next line, and delete this line after the `useOptimistic` reference documentation page is published'
-[//]: # 'To learn more about the `useOptimistic` Hook see the [reference documentation](/reference/react/useOptimistic).'
->>>>>>> a5181c291f01896735b65772f156cfde34df20ee
 
 ### Lidando com erros de envio de formulário {/*handling-form-submission-errors*/}
 

src/content/reference/react-dom/components/style.md

@@ -49,11 +49,7 @@ O React pode mover componentes `<style>` para o `<head>` do documento, desduplic
 
 Para optar por esse comportamento, forneça as props `href` e `precedence`. O React fará a desduplicação de estilos se eles tiverem o mesmo `href`. A prop precedence diz ao React onde classificar o nó `<style>` DOM em relação a outros no `<head>` do documento, o que determina qual folha de estilo pode substituir a outra.
 
-<<<<<<< HEAD
-Este tratamento especial vem com duas ressalvas:
-=======
-This special treatment comes with three caveats:
->>>>>>> a5181c291f01896735b65772f156cfde34df20ee
+Este tratamento especial vem com três ressalvas:
 
 * O React ignorará as alterações nas propriedades após a renderização do estilo. (O React emitirá um aviso no desenvolvimento se isso acontecer.)
 * O React removerá todas as propriedades estranhas ao usar a propriedade `precedence` (além de `href` e `precedence`).