Skip to content

Commit 711eda6

Browse files
committed
Bug fixes
1 parent 4d0ecac commit 711eda6

File tree

6 files changed

+38
-86
lines changed

6 files changed

+38
-86
lines changed

src/content/community/videos.md

Lines changed: 31 additions & 63 deletions
Original file line numberDiff line numberDiff line change
@@ -8,102 +8,90 @@ Videos dedicados al debate sobre React y su ecosistema.
88

99
</Intro>
1010

11-
<<<<<<< HEAD
12-
## Conferencia de React 2021 {/*react-conf-2021*/}
13-
=======
14-
## React Conf 2024 {/*react-conf-2024*/}
11+
## Conferencia de React 2024 {/*react-conf-2024*/}
1512

16-
At React Conf 2024, Meta CTO [Andrew "Boz" Bosworth](https://www.threads.net/@boztank) shared a welcome message to kick off the conference:
13+
En la Conferencia de React 2024, el CTO de Meta [Andrew "Boz" Bosworth](https://www.threads.net/@boztank) compartió un mensaje de bienvenida para dar inicio a la conferencia:
1714

1815
<YouTubeIframe src="https://www.youtube.com/embed/T8TZQ6k4SLE?t=975s" title="Boz and Seth Intro" />
1916

20-
### React 19 Keynote {/*react-19-keynote*/}
17+
### Discurso de React 19 {/*react-19-keynote*/}
2118

22-
In the Day 1 keynote, we shared vision for React starting with React 19 and the React Compiler. Watch the full keynote from [Joe Savona](https://twitter.com/en_JS), [Lauren Tan](https://twitter.com/potetotes), [Andrew Clark](https://twitter.com/acdlite), [Josh Story](https://twitter.com/joshcstory), [Sathya Gunasekaran](https://twitter.com/_gsathya), and [Mofei Zhang](https://twitter.com/zmofei):
19+
En el discurso de apertura del Día 1, compartimos nuestra visión para React comenzando con React 19 y el Compilador de React. Observa el discurso completo de [Joe Savona](https://twitter.com/en_JS), [Lauren Tan](https://twitter.com/potetotes), [Andrew Clark](https://twitter.com/acdlite), [Josh Story](https://twitter.com/joshcstory), [Sathya Gunasekaran](https://twitter.com/_gsathya), y [Mofei Zhang](https://twitter.com/zmofei):
2320

2421

2522
<YouTubeIframe src="https://www.youtube.com/embed/lyEKhv8-3n0" title="YouTube video player" />
2623

27-
### React Unpacked: A Roadmap to React 19 {/*react-unpacked-a-roadmap-to-react-19*/}
24+
### React Unpacked: Una hoja de ruta para React 19 {/*react-unpacked-a-roadmap-to-react-19*/}
2825

29-
React 19 introduced new features including Actions, `use()`, `useOptimistic` and more. For a deep dive on using new features in React 19, see [Sam Selikoff's](https://twitter.com/samselikoff) talk:
26+
React 19 introdujo nuevas funcionalidades incluyendo Actions, `use()`, `useOptimistic` y más. Para una inmersión profunda sobre el uso de las nuevas funcionalidades en React 19, mira la charla de [Sam Selikoff](https://twitter.com/samselikoff):
3027

3128
<YouTubeIframe src="https://www.youtube.com/embed/R0B2HsSM78s" title="React Unpacked: A Roadmap to React 19" />
3229

33-
### What's New in React 19 {/*whats-new-in-react-19*/}
30+
### Qué hay de nuevo en React 19 {/*whats-new-in-react-19*/}
3431

35-
[Lydia Hallie](https://twitter.com/lydiahallie) gave a visual deep dive of React 19's new features:
32+
[Lydia Hallie](https://twitter.com/lydiahallie) dio una inmersión profunda visual de las nuevas funcionalidades de React 19:
3633

3734
<YouTubeIframe src="https://www.youtube.com/embed/AJOGzVygGcY" title="What's New in React 19" />
3835

39-
### React 19 Deep Dive: Coordinating HTML {/*react-19-deep-dive-coordinating-html*/}
36+
### Inmersión profunda en React 19: Coordinando HTML {/*react-19-deep-dive-coordinating-html*/}
4037

41-
[Josh Story](https://twitter.com/joshcstory) provided a deep dive on the document and resource streaming APIs in React 19:
38+
[Josh Story](https://twitter.com/joshcstory) proporcionó una inmersión profunda sobre el documento y las APIs de transmisión de recursos en React 19:
4239

4340
<YouTubeIframe src="https://www.youtube.com/embed/IBBN-s77YSI" title="React 19 Deep Dive: Coordinating HTML" />
4441

45-
### React for Two Computers {/*react-for-two-computers*/}
42+
### React para dos computadoras {/*react-for-two-computers*/}
4643

47-
[Dan Abramov](https://bsky.app/profile/danabra.mov) imagined an alternate history where React started server-first:
44+
[Dan Abramov](https://bsky.app/profile/danabra.mov) imaginó una historia alternativa donde React comenzó primero en el servidor:
4845

4946
<YouTubeIframe src="https://www.youtube.com/embed/ozI4V_29fj4" title="React for Two Computers" />
5047

51-
### Forget About Memo {/*forget-about-memo*/}
48+
### Olvídate de memo {/*forget-about-memo*/}
5249

53-
[Lauren Tan](https://twitter.com/potetotes) gave a talk on using the React Compiler in practice:
50+
[Lauren Tan](https://twitter.com/potetotes) dio una charla sobre el uso del Compilador de React en la práctica:
5451

5552
<YouTubeIframe src="https://www.youtube.com/embed/lvhPq5chokM" title="Forget About Memo" />
5653

57-
### React Compiler Deep Dive {/*react-compiler-deep-dive*/}
54+
### Inmersión profunda en el Compilador de React {/*react-compiler-deep-dive*/}
5855

59-
[Sathya Gunasekaran](https://twitter.com/_gsathya) and [Mofei Zhang](https://twitter.com/zmofei) provided a deep dive on how the React Compiler works:
56+
[Sathya Gunasekaran](https://twitter.com/_gsathya) y [Mofei Zhang](https://twitter.com/zmofei) proporcionaron una inmersión profunda sobre cómo funciona el Compilador de React:
6057

6158
<YouTubeIframe src="https://www.youtube.com/embed/uA_PVyZP7AI" title="React Compiler Deep Dive" />
6259

63-
### And more... {/*and-more-2024*/}
60+
### Y más... {/*and-more-2024*/}
6461

65-
**We also heard talks from the community on Server Components:**
66-
* [Enhancing Forms with React Server Components](https://www.youtube.com/embed/0ckOUBiuxVY&t=25280s) by [Aurora Walberg Scharff](https://twitter.com/aurorascharff)
67-
* [And Now You Understand React Server Components](https://www.youtube.com/embed/pOo7x8OiAec) by [Kent C. Dodds](https://twitter.com/kentcdodds)
68-
* [Real-time Server Components](https://www.youtube.com/embed/6sMANTHWtLM) by [Sunil Pai](https://twitter.com/threepointone)
62+
**También escuchamos charlas de la comunidad sobre Componentes de Servidor:**
63+
* [Mejorando formularios con Componentes de Servidor de React](https://www.youtube.com/embed/0ckOUBiuxVY&t=25280s) por [Aurora Walberg Scharff](https://twitter.com/aurorascharff)
64+
* [Y ahora entiendes los Componentes de Servidor de React](https://www.youtube.com/embed/pOo7x8OiAec) por [Kent C. Dodds](https://twitter.com/kentcdodds)
65+
* [Componentes de Servidor en tiempo real](https://www.youtube.com/embed/6sMANTHWtLM) por [Sunil Pai](https://twitter.com/threepointone)
6966

70-
**Talks from React frameworks using new features:**
67+
**Charlas de frameworks de React usando nuevas funcionalidades:**
7168

72-
* [Vanilla React](https://www.youtube.com/embed/ZcwA0xt8FlQ) by [Ryan Florence](https://twitter.com/ryanflorence)
73-
* [React Rhythm & Blues](https://www.youtube.com/embed/rs9X5MjvC4s) by [Lee Robinson](https://twitter.com/leeerob)
74-
* [RedwoodJS, now with React Server Components](https://www.youtube.com/embed/sjyY4MTECUU) by [Amy Dutton](https://twitter.com/selfteachme)
75-
* [Introducing Universal React Server Components in Expo Router](https://www.youtube.com/embed/djhEgxQf3Kw) by [Evan Bacon](https://twitter.com/Baconbrix)
69+
* [Vanilla React](https://www.youtube.com/embed/ZcwA0xt8FlQ) por [Ryan Florence](https://twitter.com/ryanflorence)
70+
* [React Rhythm & Blues](https://www.youtube.com/embed/rs9X5MjvC4s) por [Lee Robinson](https://twitter.com/leeerob)
71+
* [RedwoodJS, ahora con Componentes de Servidor de React](https://www.youtube.com/embed/sjyY4MTECUU) por [Amy Dutton](https://twitter.com/selfteachme)
72+
* [Introduciendo Componentes de Servidor de React Universales en Expo Router](https://www.youtube.com/embed/djhEgxQf3Kw) por [Evan Bacon](https://twitter.com/Baconbrix)
7673

77-
**And Q&As with the React and React Native teams:**
78-
- [React Q&A](https://www.youtube.com/embed/T8TZQ6k4SLE&t=27518s) hosted by [Michael Chan](https://twitter.com/chantastic)
79-
- [React Native Q&A](https://www.youtube.com/embed/0ckOUBiuxVY&t=27935s) hosted by [Jamon Holmgren](https://twitter.com/jamonholmgren)
74+
**Y sesiones de preguntas y respuestas con los equipos de React y React Native:**
75+
- [Preguntas y respuestas de React](https://www.youtube.com/embed/T8TZQ6k4SLE&t=27518s) presentado por [Michael Chan](https://twitter.com/chantastic)
76+
- [Preguntas y respuestas de React Native](https://www.youtube.com/embed/0ckOUBiuxVY&t=27935s) presentado por [Jamon Holmgren](https://twitter.com/jamonholmgren)
8077

81-
You can watch all of the talks at React Conf 2024 at [conf2024.react.dev](https://conf2024.react.dev/talks).
78+
Puedes ver todas las charlas de la Conferencia de React 2024 en [conf2024.react.dev](https://conf2024.react.dev/talks).
8279

83-
## React Conf 2021 {/*react-conf-2021*/}
84-
>>>>>>> 49c2d26722fb1b5865ce0221a4cadc71b615e4cf
80+
## Conferencia de React 2021 {/*react-conf-2021*/}
8581

8682
### Discurso de React 18 {/*react-18-keynote*/}
8783

8884
En el discurso de apertura, compartimos nuestra visión sobre el futuro de React, empezando con React 18.
8985

9086
Observa el discurso completo de [Andrew Clark](https://twitter.com/acdlite), [Juan Tejada](https://twitter.com/_jstejada), [Lauren Tan](https://twitter.com/potetotes), y [Rick Hanlon](https://twitter.com/rickhanlonii) aquí:
9187

92-
<<<<<<< HEAD
9388
<YouTubeIframe src="https://www.youtube.com/embed/FZ0cG47msEk" title="Reproductor de video de YouTube" />
94-
=======
95-
<YouTubeIframe src="https://www.youtube.com/embed/FZ0cG47msEk" title="React 18 Keynote" />
96-
>>>>>>> 49c2d26722fb1b5865ce0221a4cadc71b615e4cf
9789

9890
### React 18 para desarrolladores de aplicaciones {/*react-18-for-application-developers*/}
9991

10092
Para ver un demo de cómo actualizar a React 18, mira la charla de [Shruti Kapoor](https://twitter.com/shrutikapoor08) aquí:
10193

102-
<<<<<<< HEAD
10394
<YouTubeIframe src="https://www.youtube.com/embed/ytudH8je5ko" title="Reproductor de video de YouTube" />
104-
=======
105-
<YouTubeIframe src="https://www.youtube.com/embed/ytudH8je5ko" title="React 18 for Application Developers" />
106-
>>>>>>> 49c2d26722fb1b5865ce0221a4cadc71b615e4cf
10795

10896
### Renderizado de transmisión desde el servidor con Suspense {/*streaming-server-rendering-with-suspense*/}
10997

@@ -113,55 +101,35 @@ El renderizado de transmisión desde el servidor te permite generar HTML con los
113101

114102
Para averiguar más a fondo, mira la charla de [Shaundai Person](https://twitter.com/shaundai) aquí:
115103

116-
<<<<<<< HEAD
117104
<YouTubeIframe src="https://www.youtube.com/embed/pj5N-Khihgc" title="Reproductor de video de YouTube" />
118-
=======
119-
<YouTubeIframe src="https://www.youtube.com/embed/pj5N-Khihgc" title="Streaming Server Rendering with Suspense" />
120-
>>>>>>> 49c2d26722fb1b5865ce0221a4cadc71b615e4cf
121105

122106
### El primer grupo de trabajo de React {/*the-first-react-working-group*/}
123107

124108
Para React 18, hemos creado nuestro primer grupo de trabajo para colaborar con un comité de expertos, desarrolladores, mantenedores de biblioteca, y educadores. Juntos hemos trabajado para crear nuestra estrategia de adopción gradual y para refinar nuestras APIs como `useId`, `useSyncExternalStore`, y `useInsertionEffect`.
125109

126110
Para ver una descripción general sobre este trabajo, mira la charla de [Aakansha' Doshi](https://twitter.com/aakansha1216):
127111

128-
<<<<<<< HEAD
129112
<YouTubeIframe src="https://www.youtube.com/embed/qn7gRClrC9U" title="Reproductor de video de YouTube" />
130-
=======
131-
<YouTubeIframe src="https://www.youtube.com/embed/qn7gRClrC9U" title="The first React working group" />
132-
>>>>>>> 49c2d26722fb1b5865ce0221a4cadc71b615e4cf
133113

134114
### Herramientas de desarrollo de React {/*react-developer-tooling*/}
135115

136116
Para dar soporte a las nuevas funcionalidades en este lanzamiento, también hemos anunciado la conformación del nuevo equipo de las Herramientas de Desarrollo de React y el Perfilador de Línea del Tiempo para ayudar a los desarrolladores a depurar sus aplicaciones de React.
137117

138118
Para más información y una demo de las nuevas funcionalidades de las Herramientas de Desarrollo, mira la charla de [Brian Vaughn](https://twitter.com/brian_d_vaughn):
139119

140-
<<<<<<< HEAD
141120
<YouTubeIframe src="https://www.youtube.com/embed/oxDfrke8rZg" title="Reproductor de video de YouTube" />
142-
=======
143-
<YouTubeIframe src="https://www.youtube.com/embed/oxDfrke8rZg" title="React Developer Tooling" />
144-
>>>>>>> 49c2d26722fb1b5865ce0221a4cadc71b615e4cf
145121

146122
### React sin memoización {/*react-without-memo*/}
147123

148124
De vista al futuro, [Xuan Huang (黄玄)](https://twitter.com/Huxpro) una actualización de la investigación de nuestros laboratorios de React sobre un compilador para el auto-memoizado. Verifica esta charla para más información y una demo sobre el prototipo del compilador:
149125

150-
<<<<<<< HEAD
151126
<YouTubeIframe src="https://www.youtube.com/embed/lGEMwh32soc" title="Reproductor de video de YouTube" />
152-
=======
153-
<YouTubeIframe src="https://www.youtube.com/embed/lGEMwh32soc" title="React without memo" />
154-
>>>>>>> 49c2d26722fb1b5865ce0221a4cadc71b615e4cf
155127

156128
### Discurso sobre la documentación de React {/*react-docs-keynote*/}
157129

158130
[Rachel Nabors](https://twitter.com/rachelnabors) inició una sección de charlas sobre el aprendizaje y el diseño con React con un discurso sobre la inversión en la nueva documentación de React ([ahora publicada como react.dev](/blog/2023/03/16/introducing-react-dev)):
159131

160-
<<<<<<< HEAD
161132
<YouTubeIframe src="https://www.youtube.com/embed/mneDaMYOKP8" title="Reproductor de video de YouTube" />
162-
=======
163-
<YouTubeIframe src="https://www.youtube.com/embed/mneDaMYOKP8" title="React docs keynote" />
164-
>>>>>>> 49c2d26722fb1b5865ce0221a4cadc71b615e4cf
165133

166134
### Y más... {/*and-more*/}
167135

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

Lines changed: 0 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -820,11 +820,7 @@ export default function ChatRoom({ roomId }) {
820820
// ...
821821
```
822822
823-
<<<<<<< HEAD
824823
y lo pasas como entrada a otro Hook:
825-
=======
826-
and passing it as an input to another Hook:
827-
>>>>>>> 49c2d26722fb1b5865ce0221a4cadc71b615e4cf
828824
829825
```js {6}
830826
export default function ChatRoom({ roomId }) {

src/content/learn/separating-events-from-effects.md

Lines changed: 3 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -406,6 +406,9 @@ Necesitas una forma de separar esta lógica no reactiva del Efecto reactivo que
406406
407407
[Learn more about React’s release channels here.](/community/versioning-policy#all-release-channels)
408408
409+
</Canary>
410+
411+
409412
Utiliza un Hook especial llamado [`useEffectEvent`](/reference/react/experimental_useEffectEvent) para extraer esta lógica no reactiva de su Efecto:
410413
411414
```js {1,4-6}

src/content/learn/start-a-new-react-project.md

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -31,7 +31,7 @@ Si tu aplicación tiene restricciones inusuales que estos frameworks no cumplen
3131

3232
</DeepDive>
3333

34-
## Frameworks React de nivel de producción {/*production-grade -react-frameworks*/}
34+
## Frameworks React de nivel de producción {/*production-grade-react-frameworks*/}
3535

3636
Estos frameworks brindan todas las características que necesitas para implementar y escalar tu aplicación en producción y están trabajando para respaldar nuestra [visión de arquitectura full-stack](#which-features-make-up-the-react-teams-full-stack-architecture-vision). Todos los frameworks que recomendamos son de código abierto, con comunidades activas que brindan soporte, y pueden ser desplegados en tu propio servidor o en un proveedor de alojamiento. Si eres autor de un framework interesado en ser incluido en esta lista, [por favor, háznoslo saber](https://github.com/reactjs/react.dev/issues/new?assignees=&labels=type%3A+framework&projects=&template=3-framework.yml&title=%5BFramework%5D%3A+).
3737

src/content/learn/you-might-not-need-an-effect.md

Lines changed: 0 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -757,11 +757,7 @@ Esto asegura que cuando tu Efecto obtiene datos, todas las respuestas excepto la
757757
758758
Manejar las condiciones de carrera no es la única dificultad al implementar la obtención de datos. También podrías considerar el almacenamiento en caché de las respuestas (para que el usuario pueda hacer clic en "Atrás" y ver la pantalla anterior instantáneamente), cómo obtener datos en el servidor (para que el HTML renderizado inicialmente por el servidor contenga el contenido obtenido en lugar de un indicador de carga (_spinner_)), y cómo evitar cascadas de red (para que un hijo pueda obtener datos sin tener que esperar por cada padre).
759759
760-
<<<<<<< HEAD
761760
**Estos problemas aplican a cualquier biblioteca de UI, no solo a React. Resolverlos no es trivial, por eso los [frameworks](/learn/start-a-new-react-project#full-stack-frameworks) modernos ofrecen mecanismos incorporados más eficientes de obtención de datos que obtener datos en Efectos.**
762-
=======
763-
**These issues apply to any UI library, not just React. Solving them is not trivial, which is why modern [frameworks](/learn/start-a-new-react-project#full-stack-frameworks) provide more efficient built-in data fetching mechanisms than fetching data in Effects.**
764-
>>>>>>> 49c2d26722fb1b5865ce0221a4cadc71b615e4cf
765761
766762
Si no utilizas un framework (y no quieres construir el tuyo propio) pero te gustaría hacer que la obtención de datos desde Efectos sea más cómoda, considera extraer tu lógica de obtención de datos en un Hook personalizado, como en este ejemplo:
767763

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

Lines changed: 3 additions & 14 deletions
Original file line numberDiff line numberDiff line change
@@ -287,25 +287,14 @@ export function App() {
287287

288288
<Note>
289289

290-
<<<<<<< HEAD
291-
[Una versión futura de React incluirá un soporte más completo para elementos personalizados.](https://github.com/facebook/react/issues/11347#issuecomment-1122275286)
292-
293-
Puedes probar actualizando los paquetes de React a la versión experimental más reciente:
294-
295-
- `react@experimental`
296-
- `react-dom@experimental`
297-
298-
Las versiones experimentales de React pueden contener errores. No las uses en producción.
299-
=======
300-
Events are case-sensitive and support dashes (`-`). Preserve the casing of the event and include all dashes when listening for custom element's events:
290+
Los eventos distinguen entre mayúsculas y minúsculas y admiten guiones (`-`). Conserva las mayúsculas del evento e incluye todos los guiones al escuchar los eventos del elemento personalizado:
301291

302292
```jsx
303-
// Listens for `say-hi` events
293+
// Escucha eventos `say-hi`
304294
<my-element onsay-hi={console.log}></my-element>
305-
// Listens for `sayHi` events
295+
// Escucha eventos `sayHi`
306296
<my-element onsayHi={console.log}></my-element>
307297
```
308-
>>>>>>> 49c2d26722fb1b5865ce0221a4cadc71b615e4cf
309298

310299
</Note>
311300
---

0 commit comments

Comments
 (0)