You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
Copy file name to clipboardExpand all lines: src/content/community/videos.md
+31-63Lines changed: 31 additions & 63 deletions
Display the source diff
Display the rich diff
Original file line number
Diff line number
Diff line change
@@ -8,102 +8,90 @@ Videos dedicados al debate sobre React y su ecosistema.
8
8
9
9
</Intro>
10
10
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*/}
15
12
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:
17
14
18
15
<YouTubeIframesrc="https://www.youtube.com/embed/T8TZQ6k4SLE?t=975s"title="Boz and Seth Intro" />
19
16
20
-
### React 19 Keynote {/*react-19-keynote*/}
17
+
### Discurso de React 19 {/*react-19-keynote*/}
21
18
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):
23
20
24
21
25
22
<YouTubeIframesrc="https://www.youtube.com/embed/lyEKhv8-3n0"title="YouTube video player" />
26
23
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*/}
28
25
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):
30
27
31
28
<YouTubeIframesrc="https://www.youtube.com/embed/R0B2HsSM78s"title="React Unpacked: A Roadmap to React 19" />
32
29
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*/}
34
31
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:
36
33
37
34
<YouTubeIframesrc="https://www.youtube.com/embed/AJOGzVygGcY"title="What's New in React 19" />
38
35
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*/}
40
37
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:
42
39
43
40
<YouTubeIframesrc="https://www.youtube.com/embed/IBBN-s77YSI"title="React 19 Deep Dive: Coordinating HTML" />
44
41
45
-
### React for Two Computers {/*react-for-two-computers*/}
42
+
### React para dos computadoras {/*react-for-two-computers*/}
46
43
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:
48
45
49
46
<YouTubeIframesrc="https://www.youtube.com/embed/ozI4V_29fj4"title="React for Two Computers" />
50
47
51
-
### Forget About Memo {/*forget-about-memo*/}
48
+
### Olvídate de memo {/*forget-about-memo*/}
52
49
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:
54
51
55
52
<YouTubeIframesrc="https://www.youtube.com/embed/lvhPq5chokM"title="Forget About Memo" />
56
53
57
-
### React Compiler Deep Dive {/*react-compiler-deep-dive*/}
54
+
### Inmersión profunda en el Compilador de React {/*react-compiler-deep-dive*/}
58
55
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:
60
57
61
58
<YouTubeIframesrc="https://www.youtube.com/embed/uA_PVyZP7AI"title="React Compiler Deep Dive" />
62
59
63
-
### And more... {/*and-more-2024*/}
60
+
### Y más... {/*and-more-2024*/}
64
61
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)
69
66
70
-
**Talks from React frameworks using new features:**
67
+
**Charlas de frameworks de React usando nuevas funcionalidades:**
*[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)
*[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)
76
73
77
-
**And Q&As with the React and React Native teams:**
**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)
80
77
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).
82
79
83
-
## React Conf 2021 {/*react-conf-2021*/}
84
-
>>>>>>> 49c2d26722fb1b5865ce0221a4cadc71b615e4cf
80
+
## Conferencia de React 2021 {/*react-conf-2021*/}
85
81
86
82
### Discurso de React 18 {/*react-18-keynote*/}
87
83
88
84
En el discurso de apertura, compartimos nuestra visión sobre el futuro de React, empezando con React 18.
89
85
90
86
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í:
91
87
92
-
<<<<<<< HEAD
93
88
<YouTubeIframesrc="https://www.youtube.com/embed/FZ0cG47msEk"title="Reproductor de video de YouTube" />
### React 18 para desarrolladores de aplicaciones {/*react-18-for-application-developers*/}
99
91
100
92
Para ver un demo de cómo actualizar a React 18, mira la charla de [Shruti Kapoor](https://twitter.com/shrutikapoor08) aquí:
101
93
102
-
<<<<<<< HEAD
103
94
<YouTubeIframesrc="https://www.youtube.com/embed/ytudH8je5ko"title="Reproductor de video de YouTube" />
104
-
=======
105
-
<YouTubeIframesrc="https://www.youtube.com/embed/ytudH8je5ko"title="React 18 for Application Developers" />
106
-
>>>>>>> 49c2d26722fb1b5865ce0221a4cadc71b615e4cf
107
95
108
96
### Renderizado de transmisión desde el servidor con Suspense {/*streaming-server-rendering-with-suspense*/}
109
97
@@ -113,55 +101,35 @@ El renderizado de transmisión desde el servidor te permite generar HTML con los
113
101
114
102
Para averiguar más a fondo, mira la charla de [Shaundai Person](https://twitter.com/shaundai) aquí:
115
103
116
-
<<<<<<< HEAD
117
104
<YouTubeIframesrc="https://www.youtube.com/embed/pj5N-Khihgc"title="Reproductor de video de YouTube" />
118
-
=======
119
-
<YouTubeIframesrc="https://www.youtube.com/embed/pj5N-Khihgc"title="Streaming Server Rendering with Suspense" />
120
-
>>>>>>> 49c2d26722fb1b5865ce0221a4cadc71b615e4cf
121
105
122
106
### El primer grupo de trabajo de React {/*the-first-react-working-group*/}
123
107
124
108
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`.
125
109
126
110
Para ver una descripción general sobre este trabajo, mira la charla de [Aakansha' Doshi](https://twitter.com/aakansha1216):
127
111
128
-
<<<<<<< HEAD
129
112
<YouTubeIframesrc="https://www.youtube.com/embed/qn7gRClrC9U"title="Reproductor de video de YouTube" />
130
-
=======
131
-
<YouTubeIframesrc="https://www.youtube.com/embed/qn7gRClrC9U"title="The first React working group" />
132
-
>>>>>>> 49c2d26722fb1b5865ce0221a4cadc71b615e4cf
133
113
134
114
### Herramientas de desarrollo de React {/*react-developer-tooling*/}
135
115
136
116
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.
137
117
138
118
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):
139
119
140
-
<<<<<<< HEAD
141
120
<YouTubeIframesrc="https://www.youtube.com/embed/oxDfrke8rZg"title="Reproductor de video de YouTube" />
### React sin memoización {/*react-without-memo*/}
147
123
148
124
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:
149
125
150
-
<<<<<<< HEAD
151
126
<YouTubeIframesrc="https://www.youtube.com/embed/lGEMwh32soc"title="Reproductor de video de YouTube" />
152
-
=======
153
-
<YouTubeIframesrc="https://www.youtube.com/embed/lGEMwh32soc"title="React without memo" />
154
-
>>>>>>> 49c2d26722fb1b5865ce0221a4cadc71b615e4cf
155
127
156
128
### Discurso sobre la documentación de React {/*react-docs-keynote*/}
157
129
158
130
[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)):
159
131
160
-
<<<<<<< HEAD
161
132
<YouTubeIframesrc="https://www.youtube.com/embed/mneDaMYOKP8"title="Reproductor de video de YouTube" />
Copy file name to clipboardExpand all lines: src/content/learn/start-a-new-react-project.md
+1-1Lines changed: 1 addition & 1 deletion
Display the source diff
Display the rich diff
Original file line number
Diff line number
Diff line change
@@ -31,7 +31,7 @@ Si tu aplicación tiene restricciones inusuales que estos frameworks no cumplen
31
31
32
32
</DeepDive>
33
33
34
-
## Frameworks React de nivel de producción {/*production-grade-react-frameworks*/}
34
+
## Frameworks React de nivel de producción {/*production-grade-react-frameworks*/}
35
35
36
36
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+).
Copy file name to clipboardExpand all lines: src/content/learn/you-might-not-need-an-effect.md
-4Lines changed: 0 additions & 4 deletions
Display the source diff
Display the rich diff
Original file line number
Diff line number
Diff line change
@@ -757,11 +757,7 @@ Esto asegura que cuando tu Efecto obtiene datos, todas las respuestas excepto la
757
757
758
758
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).
759
759
760
-
<<<<<<< HEAD
761
760
**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
765
761
766
762
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:
Copy file name to clipboardExpand all lines: src/content/reference/react-dom/components/index.md
+3-14Lines changed: 3 additions & 14 deletions
Display the source diff
Display the rich diff
Original file line number
Diff line number
Diff line change
@@ -287,25 +287,14 @@ export function App() {
287
287
288
288
<Note>
289
289
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:
0 commit comments