diff --git a/src/content/blog/2021/12/17/react-conf-2021-recap.md b/src/content/blog/2021/12/17/react-conf-2021-recap.md index 89e407af3..7471564bb 100644 --- a/src/content/blog/2021/12/17/react-conf-2021-recap.md +++ b/src/content/blog/2021/12/17/react-conf-2021-recap.md @@ -1,154 +1,160 @@ --- -title: "React Conf 2021 Recap" +title: "Resumen de React Conf 2021" --- -December 17, 2021 by [Jesslyn Tannady](https://twitter.com/jtannady) and [Rick Hanlon](https://twitter.com/rickhanlonii) +17 de diciembre de 2021 por [Jesslyn Tannady](https://twitter.com/jtannady) y [Rick Hanlon](https://twitter.com/rickhanlonii) --- -Last week we hosted our 6th React Conf. In previous years, we've used the React Conf stage to deliver industry changing announcements such as [_React Native_](https://engineering.fb.com/2015/03/26/android/react-native-bringing-modern-web-techniques-to-mobile/) and [_React Hooks_](https://reactjs.org/docs/hooks-intro.html). This year, we shared our multi-platform vision for React, starting with the release of React 18 and gradual adoption of concurrent features. +La semana pasada organizamos nuestra 6ª React Conf. En años anteriores, usamos el escenario React Conf para ofrecer anuncios que cambiaron la industria, como [_React Native_](https://engineering.fb.com/2015/03/26/android/react-native-bringing-modern-web-techniques-to-mobile/) y [_React Hooks_](https://reactjs.org/docs/hooks-intro.html). Este año, compartimos nuestra visión multiplataforma para React, comenzando con el lanzamiento de React 18 y la adopción gradual de funciones simultáneas. --- -This was the first time React Conf was hosted online, and it was streamed for free, translated to 8 different languages. Participants from all over the world joined our conference Discord and the replay event for accessibility in all timezones. Over 50,000 people registered, with over 60,000 views of 19 talks, and 5,000 participants in Discord across both events. +Esta fue la primera vez que React Conf se presentó en línea y se transmitió de forma gratuita, traducida a 8 idiomas diferentes. Participantes de todo el mundo se unieron a nuestra conferencia Discord y al evento de repetición para la accesibilidad en todas las zonas horarias. Más de 50 000 personas se registraron, con más de 60 000 visualizaciones de 19 charlas y 5000 participantes en Discord en ambos eventos. -All the talks are [available to stream online](https://www.youtube.com/watch?v=FZ0cG47msEk&list=PLNG_1j3cPCaZZ7etkzWA7JfdmKWT0pMsa). +Todas las charlas están [disponibles para transmitir en línea](https://www.youtube.com/watch?v=FZ0cG47msEk&list=PLNG_1j3cPCaZZ7etkzWA7JfdmKWT0pMsa). -Here’s a summary of what was shared on stage: +Aquí hay un resumen de lo que se compartió en el escenario: -## React 18 and concurrent features {/*react-18-and-concurrent-features*/} +## React 18 y funciones concurrentes {/*react-18-and-concurrent-features*/} -In the keynote, we shared our vision for the future of React starting with React 18. +En la conferencia, compartimos nuestra visión del futuro de React a partir de React 18. -React 18 adds the long-awaited concurrent renderer and updates to Suspense without any major breaking changes. Apps can upgrade to React 18 and begin gradually adopting concurrent features with the amount of effort on par with any other major release. +React 18 añade el tan esperado renderizador concurrente y actualizaciones a Suspense sin ningún cambio importante. Las aplicaciones pueden actualizarse a React 18 y empezar a adoptar gradualmente funciones concurrentes con el mismo esfuerzo que cualquier otra versión importante. -**This means there is no concurrent mode, only concurrent features.** +**Esto significa que no hay modo concurrente, solo funciones concurrentes.** -In the keynote, we also shared our vision for Suspense, Server Components, new React working groups, and our long-term many-platform vision for React Native. +En la conferencia también compartimos nuestra visión de Suspense, Server Components, los nuevos grupos de trabajo de React y nuestra visión a largo plazo de React Native para múltiples plataformas. -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: +Vea la conferencia completa 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í: -## React 18 for Application Developers {/*react-18-for-application-developers*/} +## React 18 para desarrolladores de aplicaciones {/*react-18-for-application-developers*/} -In the keynote, we also announced that the React 18 RC is available to try now. Pending further feedback, this is the exact version of React that we will publish to stable early next year. +En la conferencia también anunciamos que ya se puede probar React 18 RC. A la espera de nuevos comentarios, esta es la versión exacta de React que publicaremos como estable a principios del próximo año. -To try the React 18 RC, upgrade your dependencies: +Para probar React 18 RC, actualiza tus dependencias: ```bash npm install react@rc react-dom@rc ``` -and switch to the new `createRoot` API: +y cambiar a la nueva `createRoot` API: ```js -// before +// Antes const container = document.getElementById('root'); ReactDOM.render(, container); -// after +// Después const container = document.getElementById('root'); const root = ReactDOM.createRoot(container); -root.render(); +root.render(); ``` -For a demo of upgrading to React 18, see [Shruti Kapoor](https://twitter.com/shrutikapoor08)’s talk here: +Para ver una demostración de la actualización a React 18, consulte la charla de [Shruti Kapoor](https://twitter.com/shrutikapoor08) aquí: -## Streaming Server Rendering with Suspense {/*streaming-server-rendering-with-suspense*/} +## Renderización de servidores de streaming 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 en el rendimiento de la renderización del lado del servidor mediante 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. +La renderización de servidor de streaming permite generar HTML a partir de componentes React en el servidor, y transmitir ese HTML a los usuarios. En React 18, puedes utilizar `Suspense` para dividir tu aplicación en unidades independientes más pequeñas que pueden ser transmitidas independientemente unas de otras sin bloquear el resto de la aplicación. Esto significa que los usuarios verán tu contenido antes y podrán empezar a interactuar con él mucho más rápido. -For a deep dive, see [Shaundai Person](https://twitter.com/shaundai)’s talk here: +Si quieres profundizar en el tema, consulta la charla de [Shaundai Person](https://twitter.com/shaundai) aquí: -## 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, creamos nuestro primer grupo de trabajo para colaborar con un panel de expertos, desarrolladores, mantenedores de bibliotecas y educadores. Juntos trabajamos para crear nuestra estrategia de adopción gradual y perfeccionar nuevas API como `useId`, `useSyncExternalStore` y `useInsertionEffect`. -For an overview of this work, see [Aakansha' Doshi](https://twitter.com/aakansha1216)'s talk: +Para una visión general de este trabajo, véase la charla de [Aakansha' Doshi](https://twitter.com/aakansha1216): -## React Developer Tooling {/*react-developer-tooling*/} +## Herramientas para desarrolladores 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 características de esta versión, también hemos anunciado la creación del nuevo equipo React DevTools y un nuevo Timeline Profiler para ayudar a los desarrolladores a depurar sus aplicaciones React. -For more information and a demo of new DevTools features, see [Brian Vaughn](https://twitter.com/brian_d_vaughn)’s talk: +Para obtener más información y una demostración de las nuevas funciones de DevTools, consulte la charla de [Brian Vaughn](https://twitter.com/brian_d_vaughn): -## React without memo {/*react-without-memo*/} +## React sin memo {/*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: +Mirando más hacia el futuro, [Xuan Huang (黄玄)](https://twitter.com/Huxpro) compartió una actualización de nuestra investigación de React Labs sobre un compilador auto-recordatorio. Echa un vistazo a esta charla para obtener más información y una demostración del prototipo del compilador: -## React docs keynote {/*react-docs-keynote*/} +## Conferencia sobre React Docs {/*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 conferencias sobre aprendizaje y diseño con React con una conferencia sobre nuestra inversión en la nueva documentación de React ([ahora disponible como es.react.dev](/blog/2023/03/16/introducing-react-dev)): -## And more... {/*and-more*/} +## Y más... {/*and-more*/} -**We also heard talks on learning and designing with React:** +**También escuchamos charlas sobre aprendizaje y diseño 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 he aprendido de los nuevos documentos de React](https://youtu.be/-7odLW_hG7s). +- Sarah Rainsberger: [Aprendizaje en el navegador](https://youtu.be/5X-WEQflCL0). +- Linton Ye: [El ROI (retorno de la inversión) de diseñar con React](https://youtu.be/7cPWmID5XAk). +- Delba de Oliveira: [Parques infantiles interactivos con React](https://youtu.be/zL8cz2W0z34). -**Talks from the Relay, React Native, and PyTorch teams:** +**Charlas de los equipos 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: [Reintroducción de Relay](https://youtu.be/lhVGdErZuN4). +- Eric Rozell y Steven Moyes: [React Native Desktop](https://youtu.be/9L4FFrvwJwY). +- Roman Rädle: [Aprendizaje automático en el dispositivo para React Native](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 librerías de tiendas externas](https://youtu.be/oPfSC5bQPR8). +- Diego Haz: [Construyendo Componentes Accesibles en React 18](https://youtu.be/dcm8fjBfro8). +- Tafu Nakazaki: [Componentes de formulario accesibles en japonés con React](https://youtu.be/S4a0QlsH0pU). +- Lyle Troxell: [Herramientas de UI para artistas](https://youtu.be/b3l4WxipFsE). +- Helen Lin: [Hydrogen + React 18](https://youtu.be/HS6vIYkSNks). -## Thank you {/*thank-you*/} +## Agradecimientos {/*thank-you*/} -This was our first year planning a conference ourselves, and we have a lot of people to thank. +Este fue nuestro primer año planeando una conferencia nosotros mismos, y tenemos muchas personas a las que agradecer. -First, thanks to all of our speakers [Aakansha Doshi](https://twitter.com/aakansha1216), [Andrew Clark](https://twitter.com/acdlite), [Brian Vaughn](https://twitter.com/brian_d_vaughn), [Daishi Kato](https://twitter.com/dai_shi), [Debbie O'Brien](https://twitter.com/debs_obrien), [Delba de Oliveira](https://twitter.com/delba_oliveira), [Diego Haz](https://twitter.com/diegohaz), [Eric Rozell](https://twitter.com/EricRozell), [Helen Lin](https://twitter.com/wizardlyhel), [Juan Tejada](https://twitter.com/_jstejada), [Lauren Tan](https://twitter.com/potetotes), [Linton Ye](https://twitter.com/lintonye), [Lyle Troxell](https://twitter.com/lyle), [Rachel Nabors](https://twitter.com/rachelnabors), [Rick Hanlon](https://twitter.com/rickhanlonii), [Robert Balicki](https://twitter.com/StatisticsFTW), [Roman Rädle](https://twitter.com/raedle), [Sarah Rainsberger](https://twitter.com/sarah11918), [Shaundai Person](https://twitter.com/shaundai), [Shruti Kapoor](https://twitter.com/shrutikapoor08), [Steven Moyes](https://twitter.com/moyessa), [Tafu Nakazaki](https://twitter.com/hawaiiman0), and [Xuan Huang (黄玄)](https://twitter.com/Huxpro). +Primero, gracias a todos nuestros oradores. [Aakansha Doshi](https://twitter.com/aakansha1216), [Andrew Clark](https://twitter.com/acdlite), [Brian Vaughn](https://twitter.com/brian_d_vaughn), [Daishi Kato](https://twitter.com/dai_shi), [Debbie O'Brien](https://twitter.com/debs_obrien), [Delba de Oliveira](https://twitter.com/delba_oliveira), [Diego Haz](https://twitter.com/diegohaz), [Eric Rozell](https://twitter.com/EricRozell), [Helen Lin](https://twitter.com/wizardlyhel), [Juan Tejada](https://twitter.com/_jstejada), [Lauren Tan](https://twitter.com/potetotes), [Linton Ye](https://twitter.com/lintonye), [Lyle Troxell](https://twitter.com/lyle), [Rachel Nabors](https://twitter.com/rachelnabors), [Rick Hanlon](https://twitter.com/rickhanlonii), [Robert Balicki](https://twitter.com/StatisticsFTW), [Roman Rädle](https://twitter.com/raedle), [Sarah Rainsberger](https://twitter.com/sarah11918), [Shaundai Person](https://twitter.com/shaundai), [Shruti Kapoor](https://twitter.com/shrutikapoor08), [Steven Moyes](https://twitter.com/moyessa), [Tafu Nakazaki](https://twitter.com/hawaiiman0), y [Xuan Huang (黄玄)](https://twitter.com/Huxpro). -Thanks to everyone who helped provide feedback on talks including [Andrew Clark](https://twitter.com/acdlite), [Dan Abramov](https://twitter.com/dan_abramov), [Dave McCabe](https://twitter.com/mcc_abe), [Eli White](https://twitter.com/Eli_White), [Joe Savona](https://twitter.com/en_JS), [Lauren Tan](https://twitter.com/potetotes), [Rachel Nabors](https://twitter.com/rachelnabors), and [Tim Yung](https://twitter.com/yungsters). +Thanks to everyone who helped provide feedback on talks including [Andrew Clark](https://twitter.com/acdlite), [Dan Abramov](https://twitter.com/dan_abramov), [Dave McCabe](https://twitter.com/mcc_abe), [Eli White](https://twitter.com/Eli_White), [Joe Savona](https://twitter.com/en_JS), [Lauren Tan](https://twitter.com/potetotes), [Rachel Nabors](https://twitter.com/rachelnabors), y [Tim Yung](https://twitter.com/yungsters). -Thanks to [Lauren Tan](https://twitter.com/potetotes) for setting up the conference Discord and serving as our Discord admin. +Gracias a [Lauren Tan](https://twitter.com/potetotes) por organizar la conferencia Discord y ser nuestra administradora de Discord. -Thanks to [Seth Webster](https://twitter.com/sethwebster) for feedback on overall direction and making sure we were focused on diversity and inclusion. +Gracias a [Seth Webster](https://twitter.com/sethwebster) por sus comentarios sobre la dirección general y por asegurarse de que nos centráramos en la diversidad y la inclusión. -Thanks to [Rachel Nabors](https://twitter.com/rachelnabors) for spearheading our moderation effort, and [Aisha Blake](https://twitter.com/AishaBlake) for creating our moderation guide, leading our moderation team, training the translators and moderators, and helping to moderate both events. +Gracias a [Rachel Nabors](https://twitter.com/rachelnabors) por encabezar nuestro esfuerzo de moderación y a [Aisha Blake](https://twitter.com/AishaBlake) por crear nuestra guía de moderación, dirigiendo nuestro equipo de moderación. capacitar a los traductores y moderadores, y ayudar a moderar ambos eventos. -Thanks to our moderators [Jesslyn Tannady](https://twitter.com/jtannady), [Suzie Grange](https://twitter.com/missuze), [Becca Bailey](https://twitter.com/beccaliz), [Luna Wei](https://twitter.com/lunaleaps), [Joe Previte](https://twitter.com/jsjoeio), [Nicola Corti](https://twitter.com/Cortinico), [Gijs Weterings](https://twitter.com/gweterings), [Claudio Procida](https://twitter.com/claudiopro), Julia Neumann, Mengdi Chen, Jean Zhang, Ricky Li, and [Xuan Huang (黄玄)](https://twitter.com/Huxpro). +Gracias a nuestros moderadores [Jesslyn Tannady](https://twitter.com/jtannady), [Suzie Grange](https://twitter.com/missuze), [Becca Bailey](https://twitter.com/beccaliz), [Luna Wei](https://twitter.com/lunaleaps), [Joe Previte](https://twitter.com/jsjoeio), [Nicola Corti](https://twitter.com/Cortinico), [Gijs Weterings](https://twitter.com/gweterings), [Claudio Procida](https://twitter.com/claudiopro), Julia Neumann, Mengdi Chen, Jean Zhang, Ricky Li y [Xuan Huang (黄玄)](https://twitter.com/Huxpro). -Thanks to [Manjula Dube](https://twitter.com/manjula_dube), [Sahil Mhapsekar](https://twitter.com/apheri0), and Vihang Patel from [React India](https://www.reactindia.io/), and [Jasmine Xie](https://twitter.com/jasmine_xby), [QiChang Li](https://twitter.com/QCL15), and [YanLun Li](https://twitter.com/anneincoding) from [React China](https://twitter.com/ReactChina) for helping moderate our replay event and keep it engaging for the community. +Gracias a [Manjula Dube](https://twitter.com/manjula_dube), [Sahil Mhapsekar](https://twitter.com/apheri0) y Vihang Patel de [React India](https://www.reactindia) .io/) y [Jasmine Xie](https://twitter.com/jasmine_xby), [QiChang Li](https://twitter.com/QCL15) y [YanLun Li](https://twitter. com/anneincoding) de [React China](https://twitter.com/ReactChina) por ayudar a moderar nuestro evento de repetición y mantenerlo atractivo para la comunidad. -Thanks to Vercel for publishing their [Virtual Event Starter Kit](https://vercel.com/virtual-event-starter-kit), which the conference website was built on, and to [Lee Robinson](https://twitter.com/leeerob) and [Delba de Oliveira](https://twitter.com/delba_oliveira) for sharing their experience running Next.js Conf. +Gracias a Vercel por publicar su [Kit de inicio de eventos virtuales](https://vercel.com/virtual-event-starter-kit), en el que se construyó el sitio web de la conferencia, y a [Lee Robinson](https://twitter .com/leeerob) y [Delba de Oliveira](https://twitter.com/delba_oliveira) por compartir su experiencia con Next.js Conf. -Thanks to [Leah Silber](https://twitter.com/wifelette) for sharing her experience running conferences, learnings from running [RustConf](https://rustconf.com/), and for her book [Event Driven](https://leanpub.com/eventdriven/) and the advice it contains for running conferences. +Gracias a [Leah Silber](https://twitter.com/wifelette) por compartir su experiencia en la realización de conferencias, los aprendizajes de la ejecución de [RustConf](https://rustconf.com/) y por su libro [Event Driven](https://leanpub.com/eventdriven/) y los consejos que contiene para realizar conferencias. -Thanks to [Kevin Lewis](https://twitter.com/_phzn) and [Rachel Nabors](https://twitter.com/rachelnabors) for sharing their experience running Women of React Conf. +Gracias a [Kevin Lewis](https://twitter.com/_phzn) y [Rachel Nabors](https://twitter.com/rachelnabors) por compartir su experiencia al dirigir Women of React Conf. -Thanks to [Aakansha Doshi](https://twitter.com/aakansha1216), [Laurie Barth](https://twitter.com/laurieontech), [Michael Chan](https://twitter.com/chantastic), and [Shaundai Person](https://twitter.com/shaundai) for their advice and ideas throughout planning. +Gracias a [Aakansha Doshi](https://twitter.com/aakansha1216), [Laurie Barth](https://twitter.com/laurieontech), [Michael Chan](https://twitter.com/chantastic), y [Shaundai Person](https://twitter.com/shaundai) por sus consejos e ideas durante la planificación. -Thanks to [Dan Lebowitz](https://twitter.com/lebo) for help designing and building the conference website and tickets. +Gracias a [Dan Lebowitz](https://twitter.com/lebo) por ayudarme a diseñar y construir el sitio web de la conferencia y las entradas. + +Gracias a Laura Podolak Waddell, Desmond Osei-Acheampong, Mark Rossi, Josh Toberman y otros miembros del equipo de Facebook Video Productions por grabar los videos para las charlas de los empleados de Keynote y Meta. + +Gracias a nuestro socio HitPlay por ayudar a organizar la conferencia, editar todos los videos en la transmisión, traducir todas las charlas y moderar Discord en varios idiomas. + +Finalmente, ¡gracias a todos nuestros participantes por hacer de esta una gran React Conf! Thanks to Laura Podolak Waddell, Desmond Osei-Acheampong, Mark Rossi, Josh Toberman and others on the Facebook Video Productions team for recording the videos for the Keynote and Meta employee talks.