Skip to content

Translate /community/videos page #697

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Merged
merged 4 commits into from
May 18, 2023
Merged

Translate /community/videos page #697

Changes from all commits
Commits
Show all changes
4 commits
Select commit Hold shift + click to select a range
2527661
translate /community/videos page
AFBGdev May 15, 2023
2d67367
Merge branch 'main' into translate-community-videos
AFBGdev May 15, 2023
beea941
refacts typos
AFBGdev May 18, 2023
15704b5
fix typo in missing word
AFBGdev May 18, 2023
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
134 changes: 67 additions & 67 deletions src/content/community/videos.md
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,123 +1,123 @@
---
title: React Videos
title: Videos de React
---

<Intro>

Videos dedicated to the discussion of React and the React ecosystem.
Videos dedicados al debate sobre React y su ecosistema.

</Intro>

## React Conf 2021 {/*react-conf-2021*/}
## Conferencia de React 2021 {/*react-conf-2021*/}

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

In the keynote, we shared our vision for the future of React starting with React 18.
En el discurso de apertura, compartimos nuestra visión sobre el futuro de React, empezando con React 18.

Watch the full keynote from [Andrew Clark](https://twitter.com/acdlite), [Juan Tejada](https://twitter.com/_jstejada), [Lauren Tan](https://twitter.com/potetotes), and [Rick Hanlon](https://twitter.com/rickhanlonii) here:
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í:

<YouTubeIframe src="https://www.youtube.com/embed/FZ0cG47msEk" title="YouTube video player" />
<YouTubeIframe src="https://www.youtube.com/embed/FZ0cG47msEk" title="Reproductor de video de YouTube" />

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

For a demo of upgrading to React 18, see [Shruti Kapoor](https://twitter.com/shrutikapoor08)’s talk here:
Para ver un demo de cómo actualizar a React 18, mira la charla de [Shruti Kapoor](https://twitter.com/shrutikapoor08) aquí:

<YouTubeIframe src="https://www.youtube.com/embed/ytudH8je5ko" title="YouTube video player" />
<YouTubeIframe src="https://www.youtube.com/embed/ytudH8je5ko" title="Reproductor de video de YouTube" />

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

React 18 also includes improvements to server-side rendering performance using Suspense.
React 18 también incluye mejoras para el rendimiento en el renderizado de lado del servidor usando Suspense.

Streaming server rendering lets you generate HTML from React components on the server, and stream that HTML to your users. In React 18, you can use `Suspense` to break down your app into smaller independent units which can be streamed independently of each other without blocking the rest of the app. This means users will see your content sooner and be able to start interacting with it much faster.
El renderizado de transmisión desde el servidor te permite generar HTML con los componentes de React del lado del servidor, y transmitir ese HTML a tus usuarios. En React 18, puedes usar `Suspense` para descomponer tu aplicación en unidades pequeñas e independientes las cuales pueden ser transmitidas independientemente de los otros sin bloquear el resto de la aplicación. Esto significa que tus usuarios verán tu contenido más temprano y estará disponible para empezar a interactuar con él más rápido.

For a deep dive, see [Shaundai Person](https://twitter.com/shaundai)’s talk here:
Para averiguar más a fondo, mira la charla de [Shaundai Person](https://twitter.com/shaundai) aquí:

<YouTubeIframe src="https://www.youtube.com/embed/pj5N-Khihgc" title="YouTube video player" />
<YouTubeIframe src="https://www.youtube.com/embed/pj5N-Khihgc" title="Reproductor de video de YouTube" />

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

For React 18, we created our first Working Group to collaborate with a panel of experts, developers, library maintainers, and educators. Together we worked to create our gradual adoption strategy and refine new APIs such as `useId`, `useSyncExternalStore`, and `useInsertionEffect`.
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`.

For an overview of this work, see [Aakansha' Doshi](https://twitter.com/aakansha1216)'s talk:
Para ver una descripción general sobre este trabajo, mira la charla de [Aakansha' Doshi](https://twitter.com/aakansha1216):

<YouTubeIframe src="https://www.youtube.com/embed/qn7gRClrC9U" title="YouTube video player" />
<YouTubeIframe src="https://www.youtube.com/embed/qn7gRClrC9U" title="Reproductor de video de YouTube" />

### React Developer Tooling {/*react-developer-tooling*/}
### Herramientas de desarrollo de React {/*react-developer-tooling*/}

To support the new features in this release, we also announced the newly formed React DevTools team and a new Timeline Profiler to help developers debug their React apps.
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.

For more information and a demo of new DevTools features, see [Brian Vaughn](https://twitter.com/brian_d_vaughn)’s talk:
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):

<YouTubeIframe src="https://www.youtube.com/embed/oxDfrke8rZg" title="YouTube video player" />
<YouTubeIframe src="https://www.youtube.com/embed/oxDfrke8rZg" title="Reproductor de video de YouTube" />

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

Looking further into the future, [Xuan Huang (黄玄)](https://twitter.com/Huxpro) shared an update from our React Labs research into an auto-memoizing compiler. Check out this talk for more information and a demo of the compiler prototype:
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:

<YouTubeIframe src="https://www.youtube.com/embed/lGEMwh32soc" title="YouTube video player" />
<YouTubeIframe src="https://www.youtube.com/embed/lGEMwh32soc" title="Reproductor de video de YouTube" />

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

[Rachel Nabors](https://twitter.com/rachelnabors) kicked off a section of talks about learning and designing with React with a keynote about our investment in React's new docs ([now shipped as react.dev](/blog/2023/03/16/introducing-react-dev)):
[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)):

<YouTubeIframe src="https://www.youtube.com/embed/mneDaMYOKP8" title="YouTube video player" />
<YouTubeIframe src="https://www.youtube.com/embed/mneDaMYOKP8" title="Reproductor de video de YouTube" />

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

**We also heard talks on learning and designing with React:**
**También escuchamos charlas enfocadas en aprender y diseñar con React:**

* Debbie O'Brien: [Things I learnt from the new React docs](https://youtu.be/-7odLW_hG7s).
* Sarah Rainsberger: [Learning in the Browser](https://youtu.be/5X-WEQflCL0).
* Linton Ye: [The ROI of Designing with React](https://youtu.be/7cPWmID5XAk).
* Delba de Oliveira: [Interactive playgrounds with React](https://youtu.be/zL8cz2W0z34).
* Debbie O'Brien: [Cosas que aprender desde la nueva documentación de React (en inglés, ubtítulos en español)](https://youtu.be/-7odLW_hG7s).
* Sarah Rainsberger: [Aprendiendo en el navegador (en inglés, subtítulos en español)](https://youtu.be/5X-WEQflCL0).
* Linton Ye: [El Retorno de Inversión de diseñar con React (en inglés, subtítulos en español)](https://youtu.be/7cPWmID5XAk).
* Delba de Oliveira: [Sitios interactivos con React (en inglés, subtítulos en español)](https://youtu.be/zL8cz2W0z34).

**Talks from the Relay, React Native, and PyTorch teams:**
**Charlas sobre los equipos de Relay, React Native, y PyTorch:**

* Robert Balicki: [Re-introducing Relay](https://youtu.be/lhVGdErZuN4).
* Eric Rozell and Steven Moyes: [React Native Desktop](https://youtu.be/9L4FFrvwJwY).
* Roman Rädle: [On-device Machine Learning for React Native](https://youtu.be/NLj73vrc2I8)
* Robert Balicki: [Re-introducción a Relay (en inglés, subtítulos en español)](https://youtu.be/lhVGdErZuN4).
* Eric Rozell and Steven Moyes: [React Native para escritorio (en inglés, subtítulos en español)](https://youtu.be/9L4FFrvwJwY).
* Roman Rädle: [Machine Learning en dispositivos para React Native (en inglés, subtítulos en español)](https://youtu.be/NLj73vrc2I8)

**And talks from the community on accessibility, tooling, and Server Components:**
**Y charlas de la comunidad sobre accesibilidad, herramientas, y Componentes de Servidor:**

* Daishi Kato: [React 18 for External Store Libraries](https://youtu.be/oPfSC5bQPR8).
* Diego Haz: [Building Accessible Components in React 18](https://youtu.be/dcm8fjBfro8).
* Tafu Nakazaki: [Accessible Japanese Form Components with React](https://youtu.be/S4a0QlsH0pU).
* Lyle Troxell: [UI tools for artists](https://youtu.be/b3l4WxipFsE).
* Helen Lin: [Hydrogen + React 18](https://youtu.be/HS6vIYkSNks).
* Daishi Kato: [React 18 para bibliotecas externas de almacenamiento (en inglés, subtítulos en español)](https://youtu.be/oPfSC5bQPR8).
* Diego Haz: [Construir componentes accesibles con React 18 (en inglés, subtítulos en español)](https://youtu.be/dcm8fjBfro8).
* Tafu Nakazaki: [Componentes de formulario accesibles en Japones con React (en inglés, subtítulos en español)](https://youtu.be/S4a0QlsH0pU).
* Lyle Troxell: [Herramientas UI para artistas (en inglés, subtítulos en español)](https://youtu.be/b3l4WxipFsE).
* Helen Lin: [Hydrogen + React 18 (en inglés, subtítulos en español)](https://youtu.be/HS6vIYkSNks).

## Older videos {/*older-videos*/}
## Videos anteriores {/*older-videos*/}

### React Conf 2019 {/*react-conf-2019*/}
### Conferencia de React de 2019 {/*react-conf-2019*/}

A playlist of videos from React Conf 2019.
<YouTubeIframe title="React Conf 2019" src="https://www.youtube-nocookie.com/embed/playlist?list=PLPxbbTqCLbGHPxZpw4xj_Wwg8-fdNxJRh" />
Una lista de videos sobre la conferencia de React de 2019.
<YouTubeIframe title="Conferencia de React de 2019" src="https://www.youtube-nocookie.com/embed/playlist?list=PLPxbbTqCLbGHPxZpw4xj_Wwg8-fdNxJRh" />

### React Conf 2018 {/*react-conf-2018*/}
### Conferencia de React de 2018 {/*react-conf-2018*/}

A playlist of videos from React Conf 2018.
<YouTubeIframe title="React Conf 2018" src="https://www.youtube-nocookie.com/embed/playlist?list=PLPxbbTqCLbGE5AihOSExAa4wUM-P42EIJ" />
Una lista de videos sobre la conferencia de React de 2018.
<YouTubeIframe title="Conferencia de React de 2018" src="https://www.youtube-nocookie.com/embed/playlist?list=PLPxbbTqCLbGE5AihOSExAa4wUM-P42EIJ" />

### React.js Conf 2017 {/*reactjs-conf-2017*/}
### Conferencia de React.js de 2017 {/*reactjs-conf-2017*/}

A playlist of videos from React.js Conf 2017.
<YouTubeIframe title="React.js Conf 2017" src="https://www.youtube-nocookie.com/embed/playlist?list=PLb0IAmt7-GS3fZ46IGFirdqKTIxlws7e0" />
Una lista de videos sobre la conferencia de React.js de 2017.
<YouTubeIframe title="Conferencia de React.js de 2017" src="https://www.youtube-nocookie.com/embed/playlist?list=PLb0IAmt7-GS3fZ46IGFirdqKTIxlws7e0" />

### React.js Conf 2016 {/*reactjs-conf-2016*/}
### Conferencia de React.js de 2016 {/*reactjs-conf-2016*/}

A playlist of videos from React.js Conf 2016.
<YouTubeIframe title="React.js Conf 2016" src="https://www.youtube-nocookie.com/embed/playlist?list=PLb0IAmt7-GS0M8Q95RIc2lOM6nc77q1IY" />
Una lista de videos sobre la conferencia de React.js de 2016.
<YouTubeIframe title="Conferencia de React.js de 2016" src="https://www.youtube-nocookie.com/embed/playlist?list=PLb0IAmt7-GS0M8Q95RIc2lOM6nc77q1IY" />

### React.js Conf 2015 {/*reactjs-conf-2015*/}
### Conferencia de React.js de 2015 {/*reactjs-conf-2015*/}

A playlist of videos from React.js Conf 2015.
<YouTubeIframe title="React.js Conf 2015" src="https://www.youtube-nocookie.com/embed/playlist?list=PLb0IAmt7-GS1cbw4qonlQztYV1TAW0sCr" />
Una lista de videos sobre la conferencia de React.js de 2015.
<YouTubeIframe title="Conferencia de React.js de 2015" src="https://www.youtube-nocookie.com/embed/playlist?list=PLb0IAmt7-GS1cbw4qonlQztYV1TAW0sCr" />

### Rethinking Best Practices {/*rethinking-best-practices*/}
### Re-pensando las mejores prácticas {/*rethinking-best-practices*/}

Pete Hunt's talk at JSConf EU 2013 covers three topics: throwing out the notion of templates and building views with JavaScript, “re-rendering” your entire application when your data changes, and a lightweight implementation of the DOM and events - (2013 - 0h30m).
<YouTubeIframe title="Pete Hunt: React: Rethinking Best Practices - JSConf EU 2013" src="https://www.youtube-nocookie.com/embed/x7cQ3mrcKaY" />
La charla de Pete Hunt en la JSConf de Estados Unidos en 2013 cubre tres temas: descartando la noción de plantillas y la construcción de vistas con JavaScript, “re-renderizar” toda tu aplicación cuando tus datos cambien, y una ligera implementación del DOM y los eventos - (2013 - 0h30m).
<YouTubeIframe title="Pete Hunt: React: Re-pensando las mejores prácticas - JSConf de Estados Unidos en 2013" src="https://www.youtube-nocookie.com/embed/x7cQ3mrcKaY" />

### Introduction to React {/*introduction-to-react*/}
### Introducción a React {/*introduction-to-react*/}

Tom Occhino and Jordan Walke introduce React at Facebook Seattle - (2013 - 1h20m).
<YouTubeIframe title="Tom Occhino and Jordan Walke introduce React at Facebook Seattle" src="https://www.youtube-nocookie.com/embed/XxVg_s8xAms" />
Tom Occhino y Jordan Walke introducen React en Facebook, en la ciudad de Seattle - (2013 - 1h20m).
<YouTubeIframe title="Tom Occhino y Jordan Walke introducen React en Facebook, en la ciudad de Seattle" src="https://www.youtube-nocookie.com/embed/XxVg_s8xAms" />