fix: adjusted conflicts

Author: jhonmike

src/content/learn/installation.md

@@ -8,20 +8,7 @@ React foi projetado desde o princípio para adoção gradual. Você pode utiliza
 
 </Intro>
 
-<<<<<<< HEAD
-<YouWillLearn isChapter={true}>
-
-* [Como iniciar um novo projeto em React](/learn/start-a-new-react-project)
-* [Como adicionar React a um projeto existente](/learn/add-react-to-an-existing-project)
-* [Como configurar seu editor](/learn/editor-setup)
-* [Como instalar as Ferramentas de Desenvolvedor React](/learn/react-developer-tools)
-
-</YouWillLearn>
-
 ## Experimente React {/*try-react*/}
-=======
-## Try React {/*try-react*/}
->>>>>>> 55986965fbf69c2584040039c9586a01bd54eba7
 
 Não é necessário que instale nada para mexer com o React. Experimente editar este exemplo de código!
 
@@ -43,42 +30,28 @@ Você pode editá-lo diretamente ou abri-lo em uma nova aba pressionando o botã
 
 A maioria das páginas na documentação do React contém sandboxes como esta. Fora da documentação do React, existem muitos sandboxes online que suportam React: por exemplo, [CodeSandbox](https://codesandbox.io/s/new), [StackBlitz](https://stackblitz.com/fork/react) ou [CodePen.](https://codepen.io/pen?template=QWYVwWN)
 
-<<<<<<< HEAD
-### Experimente React localmente {/*try-react-locally*/}
-
-Para experimentar o React localmente na sua máquina, [baixe este arquivo HTML.](https://gist.githubusercontent.com/gaearon/0275b1e1518599bbeafcde4722e79ed1/raw/db72dcbf3384ee1708c4a07d3be79860db04bff0/example.html) Abra-o em seu editor e em seu navegador!
-
-## Inicie um novo projeto em React {/*start-a-new-react-project*/}
-
-Caso queira construir uma aplicação ou um site totalmente em React, [inicie um novo projeto em React.](/learn/start-a-new-react-project)
-=======
-To try React locally on your computer, [download this HTML page.](https://gist.githubusercontent.com/gaearon/0275b1e1518599bbeafcde4722e79ed1/raw/db72dcbf3384ee1708c4a07d3be79860db04bff0/example.html) Open it in your editor and in your browser!
+Para experimentar o React localmente em sua máquina, [baixe este arquivo HTML.](https://gist.githubusercontent.com/gaearon/0275b1e1518599bbeafcde4722e79ed1/raw/db72dcbf3384ee1708c4a07d3be79860db04bff0/example.html) Abra-o em seu editor e em seu navegador!
 
-## Creating a React App {/*creating-a-react-app*/}
+## Criando um App React {/*creating-a-react-app*/}
 
-If you want to start a new React app, you can [create a React app](/learn/creating-a-react-app) using a recommended framework.
+Se você quiser iniciar um novo app React, você pode [criar um app React](/learn/creating-a-react-app) usando um framework recomendado.
 
-## Build a React App from Scratch {/*build-a-react-app-from-scratch*/}
+## Criando um App React do Zero {/*build-a-react-app-from-scratch*/}
 
-If a framework is not a good fit for your project, you prefer to build your own framework, or you just want to learn the basics of a React app you can [build a React app from scratch](/learn/build-a-react-app-from-scratch).
->>>>>>> 55986965fbf69c2584040039c9586a01bd54eba7
+Se um framework não for uma boa opção para seu projeto, você preferir construir seu próprio framework, ou você apenas quer aprender os fundamentos de um app React, você pode [criar um app React do zero](/learn/build-a-react-app-from-scratch).
 
 ## Adicione React a um projeto existente {/*add-react-to-an-existing-project*/}
 
-<<<<<<< HEAD
-Caso queira experimentar React em uma aplicação ou site já existentes, [adicione React a um projeto existente.](/learn/add-react-to-an-existing-project)
-=======
-If want to try using React in your existing app or a website, you can [add React to an existing project.](/learn/add-react-to-an-existing-project)
+Se você quiser experimentar o React em seu app ou site existente, você pode [adicionar o React a um projeto existente.](/learn/add-react-to-an-existing-project)
 
 
 <Note>
 
-#### Should I use Create React App? {/*should-i-use-create-react-app*/}
+#### Devo usar Create React App? {/*should-i-use-create-react-app*/}
 
-No. Create React App has been deprecated. For more information, see [Sunsetting Create React App](/blog/2025/02/14/sunsetting-create-react-app).
+Não. Create React App foi descontinuado. Para mais informações, veja [Sunsetting Create React App](/blog/2025/02/14/sunsetting-create-react-app).
 
 </Note>
->>>>>>> 55986965fbf69c2584040039c9586a01bd54eba7
 
 ## Próximos passos {/*próximos-passos*/}
 

src/content/learn/render-and-commit.md

@@ -70,15 +70,9 @@ Tente comentar a chamada `root.render()` e veja o componente desaparecer!
 Uma vez que o componente foi renderizado inicialmente, você pode acionar outras renderizações atualizando seu estado com a função [`set`](/reference/react/useState#setstate). A atualização do estado do seu componente enfileira automaticamente uma renderização. (Você pode imaginá-los como um cliente de restaurante pedindo chá, sobremesa e todo tipo de coisas depois de fazer o primeiro pedido, dependendo do estado de sede ou fome.)
 
 <IllustrationBlock sequential>
-<<<<<<< HEAD
-  <Illustration caption="Atualização de Estado..." alt="Como um servidor React em um restaurante, servindo uma interface do usuário do cartão para o usuário, representado como um usuário com um cursor para sua cabeça. O patrono expressa que quer um cartão rosa, não preto!" src="/images/docs/illustrations/i_rerender1.png" />
+  <Illustration caption="Atualização de Estado..." alt="React como um servidor em um restaurante, servindo uma interface do usuário do cartão para o usuário, representado como um patrono com um cursor para sua cabeça. O patrono expressa que quer um cartão rosa, não preto!" src="/images/docs/illustrations/i_rerender1.png" />
   <Illustration caption="...triggers..." alt="React retorna à Cozinha de Componentes e diz ao Card Chef que eles precisam de um Card rosa." src="/images/docs/illustrations/i_rerender2.png" />
   <Illustration caption="...render!" alt="O Card Chef dá ao React o cartão rosa." src="/images/docs/illustrations/i_rerender3.png" />
-=======
-  <Illustration caption="State update..." alt="React as a server in a restaurant, serving a Card UI to the user, represented as a patron with a cursor for their head. The patron expresses they want a pink card, not a black one!" src="/images/docs/illustrations/i_rerender1.png" />
-  <Illustration caption="...triggers..." alt="React returns to the Component Kitchen and tells the Card Chef they need a pink Card." src="/images/docs/illustrations/i_rerender2.png" />
-  <Illustration caption="...render!" alt="The Card Chef gives React the pink Card." src="/images/docs/illustrations/i_rerender3.png" />
->>>>>>> 55986965fbf69c2584040039c9586a01bd54eba7
 </IllustrationBlock>
 
 ## Etapa 2: React renderiza seus componentes {/*step-2-react-renders-your-components*/}
@@ -90,11 +84,7 @@ Depois de acionar uma renderização, o React chama seus componentes para descob
 
 Este processo é recursivo: se o componente atualizado retornar algum outro componente, o React renderizará _aquele_ componente a seguir, e se esse componente também retornar algo, ele renderizará _aquele_ componente em seguida e assim por diante. O processo continuará até que não haja mais componentes aninhados e o React saiba exatamente o que deve ser exibido na tela.
 
-<<<<<<< HEAD
 No exemplo a seguir, o React chamará `Gallery()` e `Image()` várias vezes:
-=======
-In the following example, React will call `Gallery()` and `Image()` several times:
->>>>>>> 55986965fbf69c2584040039c9586a01bd54eba7
 
 <Sandpack>
 
@@ -158,17 +148,10 @@ O comportamento padrão de renderizar todos os componentes aninhados no componen
 
 ## Etapa 3: O React confirma as alterações no DOM {/*step-3-react-commits-changes-to-the-dom*/}
 
-<<<<<<< HEAD
 Depois de renderizar (chamar) seus componentes, o React modificará o DOM.
 
-* **Para a renderização inicial,** o React usará a API DOM [`appendChild()`](https://developer.mozilla.org/docs/Web/API/Node/appendChild) para colocar todos os nós DOM criados na tela. 
+* **Para a renderização inicial,** o React usará a API DOM [`appendChild()`](https://developer.mozilla.org/docs/Web/API/Node/appendChild) para colocar todos os nós DOM criados na tela.
 * **Para rerrenderizações,** o React aplicará as operações mínimas necessárias (calculadas durante a renderização!) Para fazer o DOM corresponder à última saída de renderização.
-=======
-After rendering (calling) your components, React will modify the DOM.
-
-* **For the initial render,** React will use the [`appendChild()`](https://developer.mozilla.org/docs/Web/API/Node/appendChild) DOM API to put all the DOM nodes it has created on screen.
-* **For re-renders,** React will apply the minimal necessary operations (calculated while rendering!) to make the DOM match the latest rendering output.
->>>>>>> 55986965fbf69c2584040039c9586a01bd54eba7
 
 **O React apenas altera os nós do DOM se houver uma diferença entre as renderizações.** Por exemplo, aqui está um componente que renderiza novamente com props diferentes passados de seu pai a cada segundo. Observe como você pode adicionar algum texto no `<input>`, atualizando seu `valor`, mas o texto não desaparece quando o componente renderiza novamente:
 

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

@@ -1333,11 +1333,7 @@ export function useOnlineStatus() {
 
 No exemplo acima, `useOnlineStatus` é implementado com um par de [`useState`](/reference/react/useState) e [`useEffect`](/reference/react/useEffect). No entanto, essa não é a melhor solução possível. Existem alguns casos específicos que não são considerados. Por exemplo, assume-se que quando o componente é montado, `isOnline` já é `true`, mas isso pode estar errado se a rede já estiver offline. Você pode usar a API do navegador [`navigator.onLine`](https://developer.mozilla.org/en-US/docs/Web/API/Navigator/onLine) para verificar isso, mas usá-la diretamente não funcionaria no servidor para gerar o HTML inicial. Em resumo, este código pode ser aprimorado.
 
-<<<<<<< HEAD
-Felizmente, o React 18 inclui uma API dedicada chamada [`useSyncExternalStore`](/reference/react/useSyncExternalStore) que cuida de todos esses problemas para você. Aqui está como o seu Hook `useOnlineStatus` pode ser reescrito para aproveitar essa nova API:
-=======
-React includes a dedicated API called [`useSyncExternalStore`](/reference/react/useSyncExternalStore) which takes care of all of these problems for you. Here is your `useOnlineStatus` Hook, rewritten to take advantage of this new API:
->>>>>>> 55986965fbf69c2584040039c9586a01bd54eba7
+O React inclui uma API dedicada chamada [`useSyncExternalStore`](/reference/react/useSyncExternalStore) que cuida de todos esses problemas para você. Aqui está seu Hook `useOnlineStatus`, reescrito para aproveitar essa nova API:
 
 <Sandpack>
 

src/content/learn/state-a-components-memory.md

@@ -1452,11 +1452,7 @@ Se seu *linter* está [configurado para React](/learn/editor-setup#linting), voc
 
 #### Remova state desnecessário {/*remove-unnecessary-state*/}
 
-<<<<<<< HEAD
-Quando o botão é clicado, esse exemplo deve perguntar pelo nome do usuário e então exibir um alerta cumprimentando-o. Você tentou usar state para manter o nome, mas por alguma razão ele sempre mostra "Hello, !".
-=======
-When the button is clicked, this example should ask for the user's name and then display an alert greeting them. You tried to use state to keep the name, but for some reason the first time it shows "Hello, !", and then "Hello, [name]!" with the previous input every time after.
->>>>>>> 55986965fbf69c2584040039c9586a01bd54eba7
+Quando o botão é clicado, este exemplo deve perguntar o nome do usuário e então exibir um alerta saudando-o. Você tentou usar state para manter o nome, mas por alguma razão na primeira vez mostra "Olá, !", e depois "Olá, [nome]!" com a entrada anterior toda vez depois.
 
 Para consertar esse código, remova a variável de state desnecessária. (Nós discutiremos sobre [por que isso não funcionou](/learn/state-as-a-snapshot) mais tarde.)
 

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

@@ -295,11 +295,7 @@ export default function Square() {
 }
 ```
 
-<<<<<<< HEAD
 A seção *navegador* deve estar exibindo um quadrado com um X em seu interior desta forma:
-=======
-The _browser_ section should be displaying a square with an X in it like this:
->>>>>>> 55986965fbf69c2584040039c9586a01bd54eba7
 
 ![quadrado preenchido por um x](../images/tutorial/x-filled-square.png)
 
@@ -1329,11 +1325,7 @@ Vamos recapitular o que acontece quando um usuário clica no quadrado superior e
 1. `handleClick` usa o argumento (`0`) para atualizar o primeiro elemento do array `squares` de `null` para `X`.
 1. O *state* `square` do componente `Board` foi atualizado, então `Board` e todos os seus filhos rerrenderizam. Isso faz com que a *prop* `value` do componente `Square` de índice `0` mude de `null` para `X`.
 
-<<<<<<< HEAD
-No final o usuário vê que o quadrado superior esquerdo mudou de vazio para ter um `X` depois de clicar nele.
-=======
-In the end the user sees that the upper left square has changed from empty to having an `X` after clicking it.
->>>>>>> 55986965fbf69c2584040039c9586a01bd54eba7
+No final, o usuário vê que o quadrado superior esquerdo mudou de vazio para ter um `X` depois de clicar nele.
 
 <Note>
 
@@ -1414,11 +1406,7 @@ Mas calma, há um problema. Tente clicar no mesmo quadrado múltiplas vezes:
 
 O `X` é sobrescrito por um `O`! À medida que isso adicionaria uma reviravolta interessante ao jogo, nós vamos nos limitar às regras originais por enquanto.
 
-<<<<<<< HEAD
-Quando você marca um quadrado com um `X` ou um `O` você não está primeiro checando se o quadrado já possui um valor `X` ou `O`. Você pode consertar isso *retornando cedo*. Você checará se um quadrado já possui `X` ou `O`. Se o quadrado já estiver preenchido, você chamará `return` na função `handleClick` cedo--antes que ela tente atualizar o *state* do tabuleiro.
-=======
-When you mark a square with an `X` or an `O` you aren't first checking to see if the square already has an `X` or `O` value. You can fix this by *returning early*. You'll check to see if the square already has an `X` or an `O`. If the square is already filled, you will `return` in the `handleClick` function early--before it tries to update the board state.
->>>>>>> 55986965fbf69c2584040039c9586a01bd54eba7
+Quando você marca um quadrado com um `X` ou um `O` você não está primeiro checando para ver se o quadrado já possui um valor `X` ou `O`. Você pode consertar isso *retornando cedo*. Você checará para ver se o quadrado já possui um `X` ou um `O`. Se o quadrado já estiver preenchido, você chamará `return` na função `handleClick` cedo--antes que ela tente atualizar o *state* do tabuleiro.
 
 ```js {2,3,4}
 function handleClick(i) {
@@ -1568,11 +1556,7 @@ Não importa se você define `calculateWinner` antes ou depois de `Board`. Vamos
 
 </Note>
 
-<<<<<<< HEAD
 Você chamará `calculateWinner(squares)` na função `handleClick` do componente `Board` para checar se um jogador venceu. Você pode realizar essa checagem ao mesmo tempo em que checa se um usuário clicou em um quadrado que já possui um `X` ou um `O`. Nós gostaríamos de retornar cedo em ambos os casos:
-=======
-You will call `calculateWinner(squares)` in the `Board` component's `handleClick` function to check if a player has won. You can perform this check at the same time you check if a user has clicked a square that already has an `X` or an `O`. We'd like to return early in both cases:
->>>>>>> 55986965fbf69c2584040039c9586a01bd54eba7
 
 ```js {2}
 function handleClick(i) {
@@ -2263,11 +2247,7 @@ body {
 
 </Sandpack>
 
-<<<<<<< HEAD
-À medida em que você itera sobre o array `history` dentro da função que você passou ao `map`, o argumento `squares` vai a cada elemento de `history` e o argumento `move` vai a cada índice do array: `0`, `1`, `2`, …. (Na maior parte dos casos, você precisaria dos elementos do array em si, mas para renderizar uma lista de movimento você precisará apenas dos índices).
-=======
-As you iterate through the `history` array inside the function you passed to `map`, the `squares` argument goes through each element of `history`, and the `move` argument goes through each array index: `0`, `1`, `2`, …. (In most cases, you'd need the actual array elements, but to render a list of moves you will only need indexes.)
->>>>>>> 55986965fbf69c2584040039c9586a01bd54eba7
+À medida em que você itera sobre o array `history` dentro da função que você passou ao `map`, o argumento `squares` vai a cada elemento de `history`, e o argumento `move` vai a cada índice do array: `0`, `1`, `2`, …. (Na maior parte dos casos, você precisaria dos elementos do array em si, mas para renderizar uma lista de movimento você precisará apenas dos índices).
 
 Para cada movimento no histórico do jogo da velha, você cria um item de lista `<li>` o qual contém um botão `<button>`. O botão tem um manipulador `onClick` o qual chama a função denominada `jumpTo` (que você ainda não implementou).
 

src/sidebarLearn.json

@@ -25,17 +25,12 @@
       "path": "/learn/installation",
       "routes": [
         {
-<<<<<<< HEAD
-          "title": "Comece um Novo Projeto React",
-          "path": "/learn/start-a-new-react-project"
-=======
-          "title": "Creating a React App",
+          "title": "Criando um App React",
           "path": "/learn/creating-a-react-app"
         },
         {
-          "title": "Build a React App from Scratch",
+          "title": "Crie um App React do Zero",
           "path": "/learn/build-a-react-app-from-scratch"
->>>>>>> 55986965fbf69c2584040039c9586a01bd54eba7
         },
         {
           "title": "Adicione React a um Projeto Existente",