Debate del Panel de React 19

Rate this content
Bookmark
Ryan Carniato
Ryan Carniato
Evan Bacon
Evan Bacon
Sathya Gunasekaran
Sathya Gunasekaran
Tim Neutkens
Tim Neutkens
Brooks Lybrand
Brooks Lybrand
27 min
14 Jun, 2024

Comments

Sign in or register to post your comment.

Video Summary and Transcription

La charla gira en torno a React 19 y el compilador de React, destacando sus nuevas APIs, optimizaciones e impacto en frameworks como Next.js. El compilador de React ha pasado por múltiples iteraciones, lo que ha resultado en un mejor rendimiento y alineación con las expectativas de los desarrolladores. La integración de React con Next.js simplifica el renderizado y ofrece optimizaciones gratuitas. Existe entusiasmo por el enfoque opcional de los Componentes de Servidor de React y el potencial de características subestimadas como suspense y transiciones. En general, se reconoce y aprecia la influencia de React en el ecosistema de JavaScript y las bibliotecas de UI.
Available in English: React 19 Panel Discussion

1. Introducción de los Ponentes

Short description:

Demos un gran aplauso a la persona que acabas de escuchar. Quiero contarles rápidamente un poco sobre lo que algunos de ellos hacen. Muchas personas en este escenario son súper fanáticos de React y todos estamos muy apasionados y emocionados por algunos de los aspectos más destacados que vienen con React 19.

Demos un gran aplauso a la persona que acabas de escuchar, a Ryan. También, desde Shopify, tenemos a Brooks. Aplaudamos a Brooks. También tenemos al maravilloso, al increíble, Evan. Nuestro maravilloso héroe desconocido en el mundo, especialmente de Next, tenemos a Tim. Y por último, pero definitivamente no menos importante, también tenemos a Satya.

Muy bien, ahora hablaré por mí mismo. A veces los perfiles de Twitter de las personas o tal vez lo que he visto de ellos en GitHub, es una cosa y sé sus nombres, pero luego los conozco en persona y descubro lo que realmente hacen y me doy cuenta de que esta persona hace mucho más de lo que me imaginaba. Y así es como me siento acerca de muchos de los ponentes hoy. Permítanme contarles rápidamente un poco sobre lo que algunos de ellos hacen. Así que tenemos a Satya, quien es miembro del equipo central de React y específicamente, lo cual es realmente útil para esta conversación, hizo mucho trabajo en el compilador de React para React 19. Muy emocionado. También tenemos a Tim de Vercel, quien es el co-creador de Next.js. Personalmente quiero agradecerte porque Next.js es el framework que suelo utilizar primero cuando estoy construyendo cosas. También tenemos a Evan, quien es el co-creador de Expo también. Muchas gracias. He escuchado tantas de tus charlas. Hemos estado en el circuito de conferencias bastante tiempo. Así que estoy emocionado por lo que vamos a hablar hoy. Y un gerente de DevRel de Remix. Las pegatinas de Remix son algunas de mis pegatinas favoritas. Así que quiero agradecerte mucho, Brooks. Y no sé si Ryan necesita una tercera presentación, pero todos conocemos a Ryan de Solid.js equilibrando este panel para que podamos tener una gran conversación.

Muy bien. Muchas personas en este escenario son súper fanáticos de React y Ryan. Estoy bromeando. Pero todos estamos aquí y todos estamos muy apasionados y emocionados por algunos de los aspectos más destacados que vienen con React 19. Así que empecemos con algunas de las grandes noticias de cada uno de ustedes. ¿Cuáles son las cosas importantes que tal vez te emocionan o crees que captarán mucha atención de React 19? Empezaré contigo, Satya, y seguiremos en orden. Técnicamente esto no es parte del lanzamiento 19 en sí, pero está desbloqueado con el lanzamiento 19.

2. React Compiler and React 19 Highlights

Short description:

Estoy sesgado, pero eso es lo que me emociona. Me gustan prácticamente todas las nuevas APIs, pero especialmente las transiciones y el suspense, y cómo funcionan juntas. Los componentes del servidor que llegan a React Native permiten la recuperación de datos y los patrones de renderizado detallados de manera universal. Todas las etiquetas de encabezado se elevan automáticamente al encabezado, lo cual es un gran diseño de API. React 19 tiene mejoras ergonómicas que lo hacen más agradable para los desarrolladores. El compilador de React ha sido considerado durante mucho tiempo por el equipo de React.

Es el compilador de React. Estoy sesgado, pero eso es lo que me emociona. Sí, sé que volveremos y profundizaremos en el compilador de React, especialmente en su historia. Pero eso es un gran titular.

Y tú, Tim? ¿Qué hay de ti? Sí, no estoy seguro si está funcionando. Oh, sí, esto es mejor. Sí, me gustan prácticamente todas las nuevas APIs, pero especialmente las transiciones y el suspense, y cómo funcionan juntas. Y obviamente, los componentes del servidor ahora son estables, así que eso también es bueno. Genial.

Sí, si no están familiarizados con Expo, es un marco universal de React Native, y estoy muy emocionado por los componentes del servidor que llegan a React Native porque permite la recuperación de datos y los patrones de renderizado detallados que hemos llegado a conocer y amar en herramientas como Next.js y Remix, pero de manera universal. Así que en iOS, Android, Web, básicamente en cualquier plataforma, nunca ha habido algo así en el mundo del desarrollo nativo. Así que estoy extremadamente emocionado.

Personalmente, algo que me emociona mucho es que todas las etiquetas de encabezado, como enlaces y metadatos, se elevan automáticamente al encabezado. Creo que es una API de diseño realmente agradable. Permite a Remix, Next y a todos nosotros dejar de hacer eso nosotros mismos, y lo hace de una manera React en lugar de más bifurcación y más formas de hacer lo mismo. Así que realmente aprecio esa API y todo el trabajo que sé que hizo el equipo de Next para que eso suceda, y también el equipo de React. Genial. ¿Y algo que destaque para ti de React 19 que te llame la atención? Sí, quiero decir, ha habido muchas mejoras ergonómicas, pequeñas cosas que simplemente lo hacen más agradable para el desarrollador. Creo que eso es realmente importante para avanzar. Y también es una de las razones por las que estoy emocionado con el compilador de React, porque me gusta la idea de que el código React idiomático sea el más eficiente en rendimiento. Esa división siempre me ha molestado un poco, y creo que el compilador va en esa dirección.

Bueno, siento que esto es una transición perfecta para volver al tema del compilador de React. Cuéntanos un poco sobre la historia, cómo surgió la idea de construir un compilador de React, y luego cómo avanzaste a través del proceso de diseño, iterándolo. Sé que hablaste un poco sobre esto ayer en nuestra conversación privada sobre cómo trabajaste con él dentro de Meta antes de salir y lanzarlo. Sí, hemos pensado en el compilador durante mucho tiempo en el equipo de React.

Check out more articles and videos

We constantly think of articles and videos that might spark Git people interest / skill us up or help building a stellar career

Charla junto al fuego con Kent C. Dodds
React Summit Remote Edition 2021React Summit Remote Edition 2021
31 min
Charla junto al fuego con Kent C. Dodds
Kent C. Dodds discusses various topics including migrating projects to TypeScript, Next.js and Remix, testing libraries, RTL testing with React Testing Library, integration testing for component libraries, testing design systems, writing tests, communication resources, and the popularity of Hooks in React development.