Resolved merge conflicts

Author: kolvian

src/components/DocsFooter.tsx

@@ -88,11 +88,7 @@ function FooterLink({
       />
       <div className="flex flex-col overflow-hidden">
         <span className="text-sm font-bold tracking-wide no-underline uppercase text-secondary dark:text-secondary-dark group-focus:text-link dark:group-focus:text-link-dark group-focus:text-opacity-100">
-<<<<<<< HEAD
           {typeTranslation}
-=======
-          {type === 'Previous' ? 'Previous' : 'Next'}
->>>>>>> 49c2d26722fb1b5865ce0221a4cadc71b615e4cf
         </span>
         <span className="text-lg break-words group-hover:underline">
           {title}

src/components/Layout/HomeContent.js

@@ -812,16 +812,6 @@ const CommunityImages = memo(function CommunityImages({isLazy}) {
                 ? 'rotate-2 group-hover:rotate-[-1deg] group-hover:scale-110'
                 : 'group-hover:rotate-1 group-hover:scale-110 rotate-[-2deg]'
             )}>
-<<<<<<< HEAD
-            <Image
-              loading={isLazy ? 'lazy' : 'eager'}
-              src={src}
-              alt={alt}
-              width={100}
-              height={100}
-              className="aspect-[4/3] h-full w-full flex object-cover rounded-2xl bg-gray-10 dark:bg-gray-80"
-            />
-=======
             <div
               className={cn(
                 'overflow-clip relative before:absolute before:inset-0 before:pointer-events-none before:-translate-x-full group-hover:before:animate-[shimmer_1s_forwards] before:bg-gradient-to-r before:from-transparent before:via-white/10 before:to-transparent transition-transform ease-in-out duration-300'
@@ -833,7 +823,6 @@ const CommunityImages = memo(function CommunityImages({isLazy}) {
                 className="aspect-[4/3] h-full w-full flex object-cover rounded-2xl bg-gray-10 dark:bg-gray-80"
               />
             </div>
->>>>>>> 49c2d26722fb1b5865ce0221a4cadc71b615e4cf
           </div>
         </div>
       ))}

src/content/community/index.md

@@ -29,8 +29,4 @@ Cada comunidad está constituida por miles de usuarios de React.
 
 ## Noticias {/*news*/}
 
-<<<<<<< HEAD
 Para conocer las últimas noticias sobre React, [sigue **@reactjs** en Twitter](https://twitter.com/reactjs) y el [blog oficial de React](/blog/) en este sitio web.
-=======
-For the latest news about React, [follow **@reactjs** on Twitter](https://twitter.com/reactjs), [**@react.dev** on Bluesky](https://bsky.app/profile/react.dev) and the [official React blog](/blog/) on this website.
->>>>>>> 49c2d26722fb1b5865ce0221a4cadc71b615e4cf

src/content/community/meetups.md

@@ -138,13 +138,8 @@ title: Reuniones de React
 ## Portugal {/*portugal*/}
 * [Lisboa](https://www.meetup.com/JavaScript-Lisbon/)
 
-<<<<<<< HEAD
 ## Escocia (Reino Unido) {/*scotland-uk*/}
-* [Edimburgo](https://www.meetup.com/React-Scotland/)
-=======
-## Scotland (UK) {/*scotland-uk*/}
-* [Edinburgh](https://www.meetup.com/react-edinburgh/)
->>>>>>> 49c2d26722fb1b5865ce0221a4cadc71b615e4cf
+* [Edimburgo](https://www.meetup.com/react-edinburgh/)
 
 ## España {/*spain*/}
 * [Barcelona](https://www.meetup.com/ReactJS-Barcelona/)

src/content/learn/add-react-to-an-existing-project.md

@@ -24,11 +24,7 @@ Así es como recomendamos configurarlo:
 2. **Especifica `/some-app` como la *ruta base***  en la configuración de tu framework (aquí tienes como: [Next.js](https://nextjs.org/docs/app/api-reference/config/next-config-js/basePath), [Gatsby](https://www.gatsbyjs.com/docs/how-to/previews-deploys-hosting/path-prefix/)).
 3. **Configura tu servidor o un proxy** para que todas las peticiones bajo `/some-app/` sean manejadas por tu aplicación React.
 
-<<<<<<< HEAD
 Esto garantiza que la parte React de tu aplicación se pueda [beneficiar de las mejoras practicas](/learn/start-a-new-react-project#can-i-use-react-without-a-framework) integradas en aquellos frameworks.
-=======
-This ensures the React part of your app can [benefit from the best practices](/learn/build-a-react-app-from-scratch#consider-using-a-framework) baked into those frameworks.
->>>>>>> 49c2d26722fb1b5865ce0221a4cadc71b615e4cf
 
 Muchos frameworks basados en React son full-stack y permiten que tu aplicación React aproveche el servidor. Sin embargo, puedes utilizar el mismo enfoque incluso si no puedes o no quieres ejecutar JavaScript en el servidor. En ese caso, sirve la exportación HTML/CSS/JS ([`next export` output](https://nextjs.org/docs/advanced-features/static-html-export) para Next.js, por defecto para Gatsby) en `/some-app/` en su lugar.
 

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

@@ -115,25 +115,14 @@ De manera similar, si confías en que las aplicaciones usen tu framework para di
 
 La división del código por rutas, cuando se integra con el empaquetamiento y la obtención de datos, puede reducir el tiempo de carga inicial de su aplicación y el tiempo que tarda en renderizarse el contenido visible más grande de la aplicación. ([Largest Contentful Paint](https://web.dev/articles/lcp?hl=es-419)).
 
-<<<<<<< HEAD
 Para obtener instrucciones sobre cómo dividir el código, consulte la documentación de su herramienta de compilación:
 - [Optimizaciones de compilación](https://es.vite.dev/guide/features.html#optimizaciones-de-compilacion)
 - [División de código con Parcel](https://parceljs.org/features/code-splitting/)
 - [División de código con Rsbuild](https://rsbuild.dev/guide/optimization/code-splitting)
-=======
-For code-splitting instructions, see your build tool docs:
-- [Vite build optimizations](https://vite.dev/guide/features.html#build-optimizations)
-- [Parcel code splitting](https://parceljs.org/features/code-splitting/)
-- [Rsbuild code splitting](https://rsbuild.dev/guide/optimization/code-splitting)
->>>>>>> 49c2d26722fb1b5865ce0221a4cadc71b615e4cf
 
 ### Mejorar el rendimiento de las aplicaciones {/*improving-application-performance*/}
 
-<<<<<<< HEAD
 Dado que la herramienta de compilación que elija sólo admite aplicaciones de una sola página (SPA), tendrá que implementar otras [patrones de renderizado](https://www.patterns.dev/vanilla/rendering-patterns) como server-side rendering (SSR), static site generation (SSG), y/o React Server Components (RSC). Aunque al principio no necesites estas funciones, en el futuro puede que haya algunas rutas que se beneficien de SSR, SSG o 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.
->>>>>>> 49c2d26722fb1b5865ce0221a4cadc71b615e4cf
 
 * **Single-page apps (SPA)** cargan una única página HTML y la actualizan dinámicamente a medida que el usuario interactúa con la aplicación. Las SPA son más fáciles de usar, pero pueden tener tiempos de carga iniciales más lentos. Las SPA son la arquitectura por defecto de la mayoría de las herramientas de compilación.
 

src/content/learn/keeping-components-pure.md

@@ -606,15 +606,9 @@ export default function StoryTray({ stories }) {
 import { useState, useEffect } from 'react';
 import StoryTray from './StoryTray.js';
 
-<<<<<<< HEAD
 let initialStories = [
   {id: 0, label: "Historia de Ankit" },
   {id: 1, label: "Historia de Taylor" },
-=======
-const initialStories = [
-  {id: 0, label: "Ankit's Story" },
-  {id: 1, label: "Taylor's Story" },
->>>>>>> 49c2d26722fb1b5865ce0221a4cadc71b615e4cf
 ];
 
 export default function App() {
@@ -708,15 +702,9 @@ export default function StoryTray({ stories }) {
 import { useState, useEffect } from 'react';
 import StoryTray from './StoryTray.js';
 
-<<<<<<< HEAD
 let initialStories = [
   {id: 0, label: "Historia de Ankit" },
   {id: 1, label: "Historia de Taylor" },
-=======
-const initialStories = [
-  {id: 0, label: "Ankit's Story" },
-  {id: 1, label: "Taylor's Story" },
->>>>>>> 49c2d26722fb1b5865ce0221a4cadc71b615e4cf
 ];
 
 export default function App() {
@@ -781,13 +769,8 @@ Como alternativa, podrías crear un _nuevo_ array (copiando el existente) antes
 
 ```js src/StoryTray.js active
 export default function StoryTray({ stories }) {
-<<<<<<< HEAD
-  // ¡Copia el array!
-  let storiesToDisplay = stories.slice();
-=======
-  // Copy the array!
+   // ¡Copia el array!
   const storiesToDisplay = stories.slice();
->>>>>>> 49c2d26722fb1b5865ce0221a4cadc71b615e4cf
 
   // Esto no afecta al array original:
   storiesToDisplay.push({
@@ -811,15 +794,9 @@ export default function StoryTray({ stories }) {
 import { useState, useEffect } from 'react';
 import StoryTray from './StoryTray.js';
 
-<<<<<<< HEAD
 let initialStories = [
   {id: 0, label: "Historia de Ankit" },
   {id: 1, label: "Historia de Taylor" },
-=======
-const initialStories = [
-  {id: 0, label: "Ankit's Story" },
-  {id: 1, label: "Taylor's Story" },
->>>>>>> 49c2d26722fb1b5865ce0221a4cadc71b615e4cf
 ];
 
 export default function App() {

src/content/learn/manipulating-the-dom-with-refs.md

@@ -211,11 +211,7 @@ Esto es porque los **Hooks solo tienen que ser llamados en el nivel más alto de
 
 Una posible forma de evitar esto es hacer una sola ref a su elemento padre, y luego usar métodos de manipulación del DOM como [`querySelectorAll`](https://developer.mozilla.org/es/docs/Web/API/Document/querySelectorAll) para "encontrar" los nodos hijos individuales a partir de él. Sin embargo, esto es frágil y puede romperse si la estructura del DOM cambia.
 
-<<<<<<< HEAD
 Otra solución es **pasar una función al atributo `ref`.** A esto se le llama un [callback `ref`.](/reference/react-dom/components/common#ref-callback) React llamará tu callback ref con el nodo DOM cuando sea el momento de poner la ref, y con `null` cuando sea el momento de limpiarla. Esto te permite mantener tu propio array o un [Map](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Map), y acceder a cualquier ref por su índice o algún tipo de ID.
-=======
-Another solution is to **pass a function to the `ref` attribute.** This is called a [`ref` callback.](/reference/react-dom/components/common#ref-callback) React will call your ref callback with the DOM node when it's time to set the ref, and call the cleanup function returned from the callback when it's time to clear it. This lets you maintain your own array or a [Map](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Map), and access any ref by its index or some kind of ID.
->>>>>>> 49c2d26722fb1b5865ce0221a4cadc71b615e4cf
 
 Este ejemplo te muestra cómo puedes usar este enfoque para desplazarte a un nodo arbitrario en una lista larga:
 

src/content/learn/preserving-and-resetting-state.md

@@ -672,11 +672,7 @@ label {
 
 </Sandpack>
 
-<<<<<<< HEAD
 El estado del contador se reinicia cuando se hace clic en la casilla de verificación. Aunque se renderiza un `Counter`, el primer hijo del `div` cambia de `div` a `section`. Cuando el `div` hijo se eliminó del DOM, todo el árbol debajo de él (incluyendo el `Counter` y su estado) se destruyó también.
-=======
-The counter state gets reset when you click the checkbox. Although you render a `Counter`, the first child of the `div` changes from a `section` to a `div`. When the child `section` was removed from the DOM, the whole tree below it (including the `Counter` and its state) was destroyed as well.
->>>>>>> 49c2d26722fb1b5865ce0221a4cadc71b615e4cf
 
 <DiagramGroup>
 

src/content/learn/referencing-values-with-refs.md

@@ -464,11 +464,7 @@ export default function Toggle() {
 
 #### Arregla el _debounce_ {/*fix-debouncing*/}
 
-<<<<<<< HEAD
 En este ejemplo, todos los controladores de clic usan [el "corte de rebote" o _"debounce"_.](https://redd.one/blog/debounce-vs-throttle) Para ver que significa esto, presiona uno de los botones. Fíjate como el mensaje aparece un segundo después. Si presionas el botón mientras esperas el mensaje, el temporizador se reiniciará. Así que si te mantienes cliqueando el mismo botón rápidamente muchas veces, el mensaje no aparecerá hasta un segundo *después* de que pares de hacer clic. El _debounce_ te permite retrasar algunas acciones hasta que el usuario "pare de hacer cosas".
-=======
-In this example, all button click handlers are ["debounced".](https://kettanaito.com/blog/debounce-vs-throttle) To see what this means, press one of the buttons. Notice how the message appears a second later. If you press the button while waiting for the message, the timer will reset. So if you keep clicking the same button fast many times, the message won't appear until a second *after* you stop clicking. Debouncing lets you delay some action until the user "stops doing things".
->>>>>>> 49c2d26722fb1b5865ce0221a4cadc71b615e4cf
 
 Este ejemplo funciona, pero no tan bien como se esperaba. Los botones no son independientes. Para ver el problema, haz clic en uno de los botones, y luego inmediatamente haz clic en otro botón. Esperarías que después de un retraso, podrías ver los mensajes de ambos botones. Pero solo se muestra el mensaje del último botón. El mensaje del primer botón se pierde.