Skip to content

Commit 6b7f208

Browse files
committed
Resolve merge conflicts
1 parent bba74f5 commit 6b7f208

12 files changed

+81
-363
lines changed

CONTRIBUTING.md

+1-7
Original file line numberDiff line numberDiff line change
@@ -76,16 +76,10 @@ Ignora esta regla si estás describiendo específicamente una propuesta experime
7676

7777
### Estilo
7878

79-
<<<<<<< HEAD
8079
- Utiliza punto y coma.
8180
- No dejes espacio entre los nombres de las funciones y los paréntesis (`method() {}` no `method () {}`).
8281
- En caso de duda, utiliza el estilo por defecto preferido por [Prettier](https://prettier.io/playground/).
83-
=======
84-
- Use semicolons.
85-
- No space between function names and parens (`method() {}` not `method () {}`).
86-
- When in doubt, use the default style favored by [Prettier](https://prettier.io/playground/).
87-
- Always capitalize React concepts such as Hooks, Effects, and Transitions.
88-
>>>>>>> 93177e6ceac8ffb5c2a8f3ed4bd1f80b63097078
82+
- Siempre utiliza mayúsculas para conceptos de React como Hooks, Efectos y Transiciones.
8983

9084
### Resaltar
9185

src/content/community/team.md

+5-24
Original file line numberDiff line numberDiff line change
@@ -18,34 +18,20 @@ Engineer at Meta
1818
Andrew comenzó con el desarrollo web creando sitios con WordPress, y y finalmente se engañó a sí mismo para hacer JavaScript. Su pasatiempo favorito es el karaoke. Andrew es un villano o una princesa de Disney, según el día.
1919
</TeamMember>
2020

21-
<<<<<<< HEAD
22-
<TeamMember name="Andrey Lunyov" permalink="andrey-lunyov" photo="/images/team/andrey-lunyov.jpg" github="alunyov" twitter="alunyov" threads="alunyov" title="Ingeniero en Meta">
23-
Andrey comenzó su carrera como diseñador y luego pasó gradualmente al desarrollo web. Después de unirse al equipo de React Data en Meta, trabajó para agregar un compilador de JavaScript incremental a Relay y, más tarde, trabajó para eliminar el mismo compilador de Relay. Fuera del trabajo, a Andrey le gusta tocar música y practicar varios deportes.
24-
</TeamMember>
25-
2621
<TeamMember name="Dan Abramov" permalink="dan-abramov" photo="/images/team/gaearon.jpg" github="gaearon" twitter="dan_abramov2" title="Ingeniero independiente">
2722
Dan comenzó a programar después de que accidentalmente descubrió Visual Basic dentro de Microsoft PowerPoint. Ha encontrado su verdadera vocación al convertir los tweets de [Sebastian](#sebastian-markbåge) en extensas publicaciones de blog. Dan gana ocasionalmente en Fortnite escondiéndose en un arbusto hasta que termina el juego.
28-
=======
29-
<TeamMember name="Dan Abramov" permalink="dan-abramov" photo="/images/team/gaearon.jpg" github="gaearon" twitter="dan_abramov2" title="Independent Engineer">
30-
Dan got into programming after he accidentally discovered Visual Basic inside Microsoft PowerPoint. He has found his true calling in turning [Sebastian](#sebastian-markbåge)'s tweets into long-form blog posts. Dan occasionally wins at Fortnite by hiding in a bush until the game ends.
31-
>>>>>>> 93177e6ceac8ffb5c2a8f3ed4bd1f80b63097078
3223
</TeamMember>
3324

3425
<TeamMember name="Eli White" permalink="eli-white" photo="/images/team/eli-white.jpg" github="TheSavior" twitter="Eli_White" threads="elicwhite" title="Gerente de ingeniería en Meta">
3526
Eli se metió en la programación después de que lo suspendieran de la escuela secundaria por piratear. Lleva trabajando en React y React Native desde 2017. Le gusta comer cosas ricas, especialmente helado y tarta de manzana. Puedes encontrar a Eli probando actividades extravagantes como parkour, paracaidismo en interiores y acrobacia en tela.
3627
</TeamMember>
3728

38-
<<<<<<< HEAD
39-
<TeamMember name="Jason Bonta" permalink="jason-bonta" photo="/images/team/jasonbonta.jpg" threads="someextent" title="Gerente de ingeniería en Meta">
40-
A Jason le gusta recibir grandes cantidades de paquetes de Amazon en la oficina para poder construir fuertes. A pesar de que a veces se aísla literalmente de su equipo y no entiende cómo funcionan los bucles de for-of, le apreciamos por las cualidades únicas que aporta a su trabajo.
41-
=======
42-
<TeamMember name="Jack Pope" permalink="jack-pope" photo="/images/team/jack-pope.jpg" github="jackpope" personal="jackpope.me" title="Engineer at Meta">
43-
Shortly after being introduced to AutoHotkey, Jack had written scripts to automate everything he could think of. When reaching limitations there, he dove headfirst into web app development and hasn't looked back. Most recently, Jack worked on the web platform at Instagram before moving to React. His favorite programming language is JSX.
29+
<TeamMember name="Jack Pope" permalink="jack-pope" photo="/images/team/jack-pope.jpg" github="jackpope" personal="jackpope.me" title="Ingeniero en Meta">
30+
Poco después de aprender AutoHotkey, Jack empezó a escribir scripts para automatizar todo lo que se le pasara por la mente. Cuando alcanzó limitaciones allí, se sumergió de lleno en el desarrollo de aplicaciones web y no ha mirado hacia atrás. Más recientemente, Jack trabajó en la plataforma web de Instagram antes de pasar a React. Su lenguaje de programación favorito es JSX.
4431
</TeamMember>
4532

46-
<TeamMember name="Jason Bonta" permalink="jason-bonta" photo="/images/team/jasonbonta.jpg" threads="someextent" title="Engineering Manager at Meta">
47-
Jason likes having large volumes of Amazon packages delivered to the office so that he can build forts. Despite literally walling himself off from his team at times and not understanding how for-of loops work, we appreciate him for the unique qualities he brings to his work.
48-
>>>>>>> 93177e6ceac8ffb5c2a8f3ed4bd1f80b63097078
33+
<TeamMember name="Jason Bonta" permalink="jason-bonta" photo="/images/team/jasonbonta.jpg" threads="someextent" title="Gerente de ingeniería en Meta">
34+
A Jason le gusta recibir grandes cantidades de paquetes de Amazon en la oficina para poder construir fuertes. A pesar de que a veces se aísla literalmente de su equipo y no entiende cómo funcionan los bucles de for-of, le apreciamos por las cualidades únicas que aporta a su trabajo.
4935
</TeamMember>
5036

5137
<TeamMember name="Joe Savona" permalink="joe-savona" photo="/images/team/joe.jpg" github="josephsavona" twitter="en_JS" threads="joesavona" title="Ingeniero en Meta">
@@ -88,13 +74,8 @@ Engineer at Meta
8874
Sebastian se especializó en psicología. Suele ser callado. Incluso, cuando dice algo, a menudo no tiene sentido para el resto de nosotros hasta unos meses después. La forma correcta de pronunciar su apellido es "mark-boa-geh", pero se ha decantado por "mark-beige" por pragmatismo, y así es como se acerca a React.
8975
</TeamMember>
9076

91-
<<<<<<< HEAD
92-
<TeamMember name="Sebastian Silbermann" permalink="sebastian-silbermann" photo="/images/team/sebsilbermann.jpg" github="eps1lon" twitter="sebsilbermann" threads="sebsilbermann" title="Ingeniero Independiente">
77+
<TeamMember name="Sebastian Silbermann" permalink="sebastian-silbermann" photo="/images/team/sebsilbermann.jpg" github="eps1lon" twitter="sebsilbermann" threads="sebsilbermann" title="Ingeniero en Vercel">
9378
Sebastian aprendió a programar para hacer más divertidos los juegos de navegador a los que jugaba en clase. Con el tiempo, esto le llevó a contribuir a la mayor cantidad de código abierto posible. Fuera de la programación, está ocupado asegurándose de que la gente no lo confunda con los otros Sebastian y Zilberman de la comunidad React.
94-
=======
95-
<TeamMember name="Sebastian Silbermann" permalink="sebastian-silbermann" photo="/images/team/sebsilbermann.jpg" github="eps1lon" twitter="sebsilbermann" threads="sebsilbermann" title="Engineer at Vercel">
96-
Sebastian learned programming to make the browser games he played during class more enjoyable. Eventually this lead to contributing to as much open source code as possible. Outside of coding he's busy making sure people don't confuse him with the other Sebastians and Zilberman of the React community.
97-
>>>>>>> 93177e6ceac8ffb5c2a8f3ed4bd1f80b63097078
9879
</TeamMember>
9980

10081
<TeamMember name="Seth Webster" permalink="seth-webster" photo="/images/team/seth.jpg" github="sethwebster" twitter="sethwebster" threads="sethwebster" personal="sethwebster.com" title="Gerente de ingeniería en Meta">

src/content/learn/editor-setup.md

-4
Original file line numberDiff line numberDiff line change
@@ -40,11 +40,7 @@ Las herramientas de análisis de código de tipo *linters* permiten encontrar pr
4040

4141
### Formateo {/*formatting*/}
4242

43-
<<<<<<< HEAD
4443
¡Lo último que quieres al compartir tu código con otro contribuidor es entrar en un debate sobre [tabuladores vs. espacios](https://www.google.com/search?q=tabuladores+vs+espacios)! Afortunadamente, [Prettier](https://prettier.io/) limpiará tu código al reformatearlo para que se ajuste a unas reglas predefinidas y configurables. Ejecuta Prettier y todas tus tabuladores se convertirán en espacios-y tu nivel de sangrado, comillas, etc. también se cambiarán para ajustarse a la configuración. En la configuración ideal, Prettier se ejecutará cuando guardas tu archivo, realizando estas ediciones rápidamente por ti.
45-
=======
46-
The last thing you want to do when sharing your code with another contributor is get into a discussion about [tabs vs spaces](https://www.google.com/search?q=tabs+vs+spaces)! Fortunately, [Prettier](https://prettier.io/) will clean up your code by reformatting it to conform to preset, configurable rules. Run Prettier, and all your tabs will be converted to spaces—and your indentation, quotes, etc will also all be changed to conform to the configuration. In the ideal setup, Prettier will run when you save your file, quickly making these edits for you.
47-
>>>>>>> 93177e6ceac8ffb5c2a8f3ed4bd1f80b63097078
4844

4945
Puedes instalar la [extensión de Prettier en VSCode](https://marketplace.visualstudio.com/items?itemName=esbenp.prettier-vscode) siguiendo estos pasos:
5046

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

+1-5
Original file line numberDiff line numberDiff line change
@@ -494,11 +494,7 @@ En general, [no quieres](/learn/referencing-values-with-refs#best-practices-for-
494494

495495
React establece `ref.current` durante la confirmación. Antes de actualizar el DOM, React establece los valores afectados de `ref.current` a `null`. Después de actualizar el DOM, React inmediatamente los establece en los nodos DOM correspondientes.
496496

497-
<<<<<<< HEAD
498-
**Generalmente, vas a acceder a las refs desde los controladores de eventos.** Si quieres hacer algo con una ref, pero no hay un evento en particular para hacerlo, es posible que necesites un Efecto. Discutiremos los efectos en las próximas páginas.
499-
=======
500-
**Usually, you will access refs from event handlers.** If you want to do something with a ref, but there is no particular event to do it in, you might need an Effect. We will discuss Effects on the next pages.
501-
>>>>>>> 93177e6ceac8ffb5c2a8f3ed4bd1f80b63097078
497+
**Generalmente, vas a acceder a las refs desde los controladores de eventos.** Si quieres hacer algo con una ref, pero no hay un evento en particular para hacerlo, es posible que necesites un Efecto. Discutiremos los Efectos en las próximas páginas.
502498

503499
<DeepDive>
504500

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

-4
Original file line numberDiff line numberDiff line change
@@ -330,11 +330,7 @@ textarea { display: block; margin-top: 5px; margin-bottom: 10px; }
330330

331331
<Pitfall>
332332

333-
<<<<<<< HEAD
334333
**Si pasas `value` sin `onChange`, será imposible escribir en el text area.** Cuando controlas un text area pasándole un `value`, lo estás forzando a siempre tener el valor proporcionado. Así que si pasas una variable de estado como un `value` pero olvidas actualizar esa variable de estado de manera síncrona durante el controlador de evento `onChange`, React revertirá el text area al `value` especificado después de cada pulsación de tecla.
335-
=======
336-
**If you pass `value` without `onChange`, it will be impossible to type into the text area.** When you control a text area by passing some `value` to it, you *force* it to always have the value you passed. So if you pass a state variable as a `value` but forget to update that state variable synchronously during the `onChange` event handler, React will revert the text area after every keystroke back to the `value` that you specified.
337-
>>>>>>> 93177e6ceac8ffb5c2a8f3ed4bd1f80b63097078
338334

339335
</Pitfall>
340336

src/content/reference/react-dom/flushSync.md

-7
Original file line numberDiff line numberDiff line change
@@ -51,17 +51,10 @@ La mayoría de las veces, `flushSync` puede evitarse. Utiliza `flushSync` como
5151

5252
#### Advertencias {/*caveats*/}
5353

54-
<<<<<<< HEAD
5554
* `flushSync` puede perjudicar significativamente el rendimiento. Utilízalo con moderación.
5655
* `flushSync` puede forzar que las barreras de Suspense pendientes muestren su estado de `fallback`.
5756
* `flushSync` puede ejecutar Efectos pendientes y aplicar sincrónicamente cualquier actualización que contengan antes de devolver.
5857
* `flushSync` puede ejecutar actualizaciones fuera del *callback* cuando sea necesario para ejecutar las actualizaciones dentro del *callback*. Por ejemplo, si hay actualizaciones pendientes de un clic, React puede ejecutarlas antes de ejecutar las actualizaciones dentro del *callback*.
59-
=======
60-
* `flushSync` can significantly hurt performance. Use sparingly.
61-
* `flushSync` may force pending Suspense boundaries to show their `fallback` state.
62-
* `flushSync` may run pending Effects and synchronously apply any updates they contain before returning.
63-
* `flushSync` may flush updates outside the callback when necessary to flush the updates inside the callback. For example, if there are pending updates from a click, React may flush those before flushing the updates inside the callback.
64-
>>>>>>> 93177e6ceac8ffb5c2a8f3ed4bd1f80b63097078
6558

6659
---
6760

src/content/reference/react-dom/hydrate.md

+1-5
Original file line numberDiff line numberDiff line change
@@ -152,11 +152,7 @@ Esto solo funciona a un nivel de profundidad, y pretende ser una escotilla de es
152152
153153
### Manejar contenido diferente entre el cliente y el servidor {/*handling-different-client-and-server-content*/}
154154
155-
<<<<<<< HEAD
156-
Si intencionalmente necesitas renderizar algo distinto en el servidor y el cliente, puedes hacer un renderizado en dos pasos. Los componentes que renderizan algo diferente en el cliente pueden leer una [variable de estado](/reference/react/useState) como `isClient`, que puedes establecer en `true` en un [efecto](/reference/react/useEffect):
157-
=======
158-
If you intentionally need to render something different on the server and the client, you can do a two-pass rendering. Components that render something different on the client can read a [state variable](/reference/react/useState) like `isClient`, which you can set to `true` in an [Effect](/reference/react/useEffect):
159-
>>>>>>> 93177e6ceac8ffb5c2a8f3ed4bd1f80b63097078
155+
Si intencionalmente necesitas renderizar algo distinto en el servidor y el cliente, puedes hacer un renderizado en dos pasos. Los componentes que renderizan algo diferente en el cliente pueden leer una [variable de estado](/reference/react/useState) como `isClient`, que puedes establecer en `true` en un [Efecto](/reference/react/useEffect):
160156
161157
<Sandpack>
162158

src/content/reference/react/Profiler.md

+1-10
Original file line numberDiff line numberDiff line change
@@ -53,21 +53,12 @@ function onRender(id, phase, actualDuration, baseDuration, startTime, commitTime
5353

5454
#### Parámetros {/*onrender-parameters*/}
5555

56-
<<<<<<< HEAD
5756
* `id`: La prop `id` del árbol `<Profiler>` que acaba de ser entregado. Esto te permite identificar qué parte del árbol se entregó si estás usando varios perfiles.
58-
* `phase`: `"mount"`, `"update"` o `"nested-update"`. Esto te indica si el árbol acaba de ser montado por primera vez o se ha vuelto a renderizar debido a un cambio en las props, el estado o los hooks.
57+
* `phase`: `"mount"`, `"update"` o `"nested-update"`. Esto te indica si el árbol acaba de ser montado por primera vez o se ha vuelto a renderizar debido a un cambio en las props, el estado o los Hooks.
5958
* `actualDuration`: El número de milisegundos que se tardó en renderizar el árbol `<Profiler>` Esto indica qué tan bien el subárbol hace uso de la memoización (por ejemplo, [`memo`](/reference/react/memo) y [`useMemo`](/reference/react/useMemo)). Idealmente, este valor debería disminuir significativamente después del montaje inicial, ya que muchos de los descendientes solo necesitarán volver a renderizarse si cambian sus propiedades específicas.
6059
* `baseDuration`: El número de milisegundos que estima cuánto tiempo tardaría en volver a renderizar todo el subárbol `<Profiler>` sin ninguna optimización. Se calcula sumando las duraciones de renderizado más recientes de cada componente en el árbol. Este valor estima el costo del renderizado para el peor de caso (por ejemplo, el montaje inicial o un árbol sin memoización). Compara `actualDuration` con este valor para ver si la memorización está funcionando.
6160
* `startTime`: Una marca de tiempo numérica para cuando React comenzó a renderizar la actualización actual.
6261
* `commitTime`: Una marca de tiempo numérica para cuando React entregó la actualización actual. Este valor se comparte entre todos los perfiles en una entrega, lo que permite agruparlos si es deseable.
63-
=======
64-
* `id`: The string `id` prop of the `<Profiler>` tree that has just committed. This lets you identify which part of the tree was committed if you are using multiple profilers.
65-
* `phase`: `"mount"`, `"update"` or `"nested-update"`. This lets you know whether the tree has just been mounted for the first time or re-rendered due to a change in props, state, or Hooks.
66-
* `actualDuration`: The number of milliseconds spent rendering the `<Profiler>` and its descendants for the current update. This indicates how well the subtree makes use of memoization (e.g. [`memo`](/reference/react/memo) and [`useMemo`](/reference/react/useMemo)). Ideally this value should decrease significantly after the initial mount as many of the descendants will only need to re-render if their specific props change.
67-
* `baseDuration`: The number of milliseconds estimating how much time it would take to re-render the entire `<Profiler>` subtree without any optimizations. It is calculated by summing up the most recent render durations of each component in the tree. This value estimates a worst-case cost of rendering (e.g. the initial mount or a tree with no memoization). Compare `actualDuration` against it to see if memoization is working.
68-
* `startTime`: A numeric timestamp for when React began rendering the current update.
69-
* `commitTime`: A numeric timestamp for when React committed the current update. This value is shared between all profilers in a commit, enabling them to be grouped if desirable.
70-
>>>>>>> 93177e6ceac8ffb5c2a8f3ed4bd1f80b63097078
7162

7263
---
7364

0 commit comments

Comments
 (0)