Resumen de React Conf 2021

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 y React Hooks. Este año, compartimos nuestra visión multiplataforma para React, comenzando con el lanzamiento de React 18 y la adopción gradual de funcionalidades concurrentes.

17 de diciembre de 2021 por Jesslyn Tannady y Rick Hanlon


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 y React Hooks. Este año, compartimos nuestra visión multiplataforma para React, comenzando con el lanzamiento de React 18 y la adopción gradual de funcionalidades concurrentes.


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.

Todas las charlas están disponibles para transmitir en línea.

Aquí hay un resumen de lo que se compartió en el escenario:

React 18 y funcionalidades concurrentes

En la conferencia, compartimos nuestra visión del futuro de React a partir de React 18.

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 funcionalidades concurrentes con el mismo esfuerzo que cualquier otra versión importante.

Esto significa que no hay modo concurrente, solo funcionalidades concurrentes.

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.

Vea la conferencia completa de Andrew Clark, Juan Tejada, Lauren Tan, y Rick Hanlon aquí:

React 18 para desarrolladores de aplicaciones

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.

Para probar React 18 RC, actualiza tus dependencias:

npm install react@rc react-dom@rc

y cambiar a la nueva createRoot API:

// Antes
const container = document.getElementById('root');
ReactDOM.render(<App />, container);

// Después
const container = document.getElementById('root');
const root = ReactDOM.createRoot(container);
root.render(<App />);

Para ver una demostración de la actualización a React 18, consulte la charla de Shruti Kapoor aquí:

Renderización de servidores de streaming con Suspense

React 18 también incluye mejoras en el rendimiento de la renderización del lado del servidor mediante Suspense.

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.

Si quieres profundizar en el tema, consulta la charla de Shaundai Person aquí:

El primer grupo de trabajo de React

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.

Para una visión general de este trabajo, véase la charla de Aakansha’ Doshi:

Herramientas para desarrolladores de React

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.

Para obtener más información y una demostración de las nuevas funciones de DevTools, consulte la charla de Brian Vaughn:

React sin memo

Mirando más hacia el futuro, Xuan Huang (黄玄) 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:

Conferencia sobre React Docs

Rachel Nabors 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 react.dev):

Y más…

También escuchamos charlas sobre aprendizaje y diseño con React:

Charlas de los equipos Relay, React Native y PyTorch:

Y charlas de la comunidad sobre accesibilidad, herramientas y componentes de servidor:

Agradecimientos

Este fue nuestro primer año planeando una conferencia nosotros mismos, y tenemos muchas personas a las que agradecer.

Primero, gracias a todos nuestros oradores. Aakansha Doshi, Andrew Clark, Brian Vaughn, Daishi Kato, Debbie O’Brien, Delba de Oliveira, Diego Haz, Eric Rozell, Helen Lin, Juan Tejada, Lauren Tan, Linton Ye, Lyle Troxell, Rachel Nabors, Rick Hanlon, Robert Balicki, Roman Rädle, Sarah Rainsberger, Shaundai Person, Shruti Kapoor, Steven Moyes, Tafu Nakazaki, y Xuan Huang (黄玄).

Gracias a todos los que han contribuido con sus comentarios sobre las charlas, incluyendo a Andrew Clark, Dan Abramov, Dave McCabe, Eli White, Joe Savona, Lauren Tan, Rachel Nabors, y Tim Yung.

Gracias a Lauren Tan por organizar la conferencia Discord y ser nuestra administradora de Discord.

Gracias a Seth Webster por sus comentarios sobre la dirección general y por asegurarse de que nos centráramos en la diversidad y la inclusión.

Gracias a Rachel Nabors por encabezar nuestro esfuerzo de moderación y a Aisha Blake 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.

Gracias a nuestros moderadores Jesslyn Tannady, Suzie Grange, Becca Bailey, Luna Wei, Joe Previte, Nicola Corti, Gijs Weterings, Claudio Procida, Julia Neumann, Mengdi Chen, Jean Zhang, Ricky Li y Xuan Huang (黄玄).

Gracias a Manjula Dube, Sahil Mhapsekar y Vihang Patel de React India y Jasmine Xie, QiChang Li y [YanLun Li](https://twitter. com/anneincoding) de React China por ayudar a moderar nuestro evento de repetición y mantenerlo atractivo para la comunidad.

Gracias a Vercel por publicar su Kit de inicio de eventos virtuales, en el que se construyó el sitio web de la conferencia, y a Lee Robinson y Delba de Oliveira por compartir su experiencia con Next.js Conf.

Gracias a Leah Silber por compartir su experiencia en la realización de conferencias, los aprendizajes de la ejecución de RustConf y por su libro Event Driven y los consejos que contiene para realizar conferencias.

Gracias a Kevin Lewis y Rachel Nabors por compartir su experiencia al dirigir Women of React Conf.

Gracias a Aakansha Doshi, Laurie Barth, Michael Chan, y Shaundai Person por sus consejos e ideas durante la planificación.

Gracias a Dan Lebowitz 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!