Panel de discusión "Innovación en React"

Rate this content
Bookmark

FAQ

Se desea que React o los Metaframeworks obliguen a los desarrolladores a preocuparse más por la accesibilidad, ya que aún es un aspecto a menudo eclipsado en las conversaciones sobre rendimiento o CSS.

Se propone la implementación de selectores de contexto para que los componentes que consumen un contexto solo se vuelvan a renderizar cuando cambien las partes del valor que realmente les importan, no cada vez que el contexto completo se actualice.

Para React 19 se espera la eliminación de características obsoletas como las referencias de cadena, lo que podría influir en la reducción del tamaño del paquete de la biblioteca.

El compilador Forget es una herramienta que podría mejorar significativamente el rendimiento de React al manejar los detalles de implementación que normalmente requieren ajustes manuales por parte de los desarrolladores, como use memo o use callback.

Se menciona la importancia de que React permita una total compatibilidad con los elementos personalizados (web components), aunque no exista un apoyo completo actualmente.

React está enfocado en mejorar la experiencia del desarrollador de manera que las complicaciones técnicas sean manejadas por la biblioteca, permitiendo que los desarrolladores escriban su código de forma más sencilla y confiable.

Tejas Kumar
Tejas Kumar
Sara Vieira
Sara Vieira
Mark Erikson
Mark Erikson
Miguel Ángel Durán
Miguel Ángel Durán
Sylwia Vargas
Sylwia Vargas
Elian Van Cutsem
Elian Van Cutsem
32 min
08 Dec, 2023

Comments

Sign in or register to post your comment.

Video Summary and Transcription

La charla discutió varios temas relacionados con React, incluyendo la lista de deseos para futuras versiones, la importancia de la accesibilidad, la reducción del tamaño del paquete y la mejora del despliegue. También exploró la innovación de React, la estabilidad y el papel de los meta-frameworks. Se destacaron los desafíos de contribuir al proyecto de código abierto de React, junto con la necesidad de un enfoque más impulsado por la comunidad. La charla concluyó con un anuncio de pausa para el almuerzo.

1. Introducción y Lista de Deseos de React

Short description:

Tenemos un montón de gente en el panel. Quiero empezar preguntando, ¿qué te gustaría ver de React en futuras versiones? Me gustaría ver algún nivel de soporte para la accesibilidad.

Tenemos un montón de gente en el panel, así que primero quiero llamar a Tejas, que no necesita literalmente una introducción, porque ya ha sido presentado. Ha sido presentado, mi hombre. Luego, quiero dar la bienvenida a Elan. El extraterrestre. Lo intenté con todas mis fuerzas. ¡Woo! ¡Extraterrestre! Su nombre es Extraterrestre. Y tu nombre es Tejas. Tejas. Sí. Vale, y Miguel. Miguel. Mira, si el nombre es español, puedo decirlo. Sylvia, por favor. Sylvia Vargas. Que también suena a español, pero no lo es. Y Mark Eriksson, por favor. Sí, Mark. Mark, no tenemos uno aquí. ¿No tienes uno? Ya lo hago. Estás sentado en él, querida. No. Sí que tienes. Hola. Vale. Así que, si alguien quiere agua, por favor.

Vale. Entonces, ¿cómo está todo el mundo hoy? Muy bien. Bien. Vale. ¿Cuántas horas hemos dormido en total? Tres. Dos. Como, cuatro, creo. ¿Vas a decir ocho y arruinarlo todo para todos? Digamos seis. Vale. Siete, más o menos. Celoso. Vale, genial. Sigue subiendo, lo cual es interesante. Excepto Miguel. Él lo arruinó un poco. Oh, lo siento.

Vale, entonces, quiero empezar preguntando, ¿qué te gustaría ver de React en futuras versiones, que creo que es la pregunta principal de todo esto, ¿verdad? Entonces, ¿quién quiere ir primero? Oh, Navidad. Así que, es como una lista de deseos de Navidad, ¿eh? Sí. Vale, genial. Entonces, si estuviera escribiendo mi carta a Santa hoy, diría que lo que realmente me gustaría ver va a ser una opinión impopular. Así que, empecemos con una opinión polémica de inmediato. Para que se olvide de ello, porque luego van todos los demás. Y en realidad, es algo que probablemente la mayoría de la gente olvidará. Me gustaría ver algún nivel de soporte para la accessibility. Sé que generalmente esto es algo que siempre queda eclipsado por las conversaciones de performance o lo que sea, las conversaciones de CSS.

2. React y Accesibilidad

Short description:

Me gustaría mucho ver a React o a los Metaframeworks o a la comunidad alentando, o incluso por qué solo alentando, obligando a los desarrolladores a preocuparse por la accesibilidad. Porque es algo así como, vergonzoso que estemos en 2023 y todavía no nos importe eso. Estoy muy de acuerdo con la accesibilidad. Creo que todavía hay un problema allí. Pero creo que mejorará en el futuro.

Me gustaría mucho ver a React o a los Metaframeworks o a la comunidad alentando, o incluso por qué solo alentando, obligando a los desarrolladores a preocuparse por la accessibilidad. Porque es algo así como, vergonzoso que estemos en 2023 y todavía no nos importe eso. Hot takes. No creo que eso sea... Es triste que eso sea una hot take. ¿Tiene sentido?

Sí. De hecho, también iba a dar una hot take. Características estables. Oh, Dios mío. ¿Dices estable? Características estables. No puedo hacer eso. Lo sé. Ese es todo el problema, ¿verdad? Pero sí. Hay un par de cosas. Y exactamente. Estoy muy de acuerdo con la accessibilidad. Creo que todavía hay un problema allí. Pero creo que mejorará en el futuro. Y si ellos no lo hacen, entonces todos ustedes deberían hacerlo. Porque es de código abierto. Pero también, Elian, perdiste la oportunidad de hacer una alarde humilde. Porque Astro acaba de lanzar maravillosas DevTools de accessibilidad. Así que un gran aplauso para Astro. Gracias. Sí. Pero iba a revelar eso en mi charla más tarde hoy. Así que sí. Supongo que todavía deberías venir. Todavía tengo otras características lanzadas también. Así que sí. ¿Alguien más quiere intentarlo? Me encantaría ver a React finalmente añadir una característica conocida como selectores de contexto.

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

Construyendo Interfaces Controladas por el Cerebro en JavaScript
JSNation Live 2021JSNation Live 2021
27 min
Construyendo Interfaces Controladas por el Cerebro en JavaScript
Top Content
Learn how to build brain-controlled interfaces using JavaScript and brain sensors. Understand the functions of different parts of the brain and how they relate to sensor placement. Explore examples of calm and focus detection, as well as the Kinesis API for mental commands. Discover the applications of brain-controlled interfaces, such as scrolling web pages and password-less authentication. Understand the limits and opportunities of brain control and the potential for using brain sensors in medical applications.
Creando lo Imposible: Virtualización X86 en el Navegador con WebAssembly
JSNation 2022JSNation 2022
21 min
Creando lo Imposible: Virtualización X86 en el Navegador con WebAssembly
ChirpX is a technology to securely run binary code in the browser, written in C++ and compiled to JavaScript WebAssembly. It can run a full virtualized system in the browser, including Bash and other languages like Python and JavaScript. ChirpX aims for scalability and the ability to work with large code bases, supporting multiprocessing and multithreading. It uses a two-tiered execution engine with an interpreter and a JIT engine. Future plans include running the full X.Org server in the browser and implementing the Windows system call. WebVM, the underlying technology, has a virtual file system backed by Cloudflare.
TensorFlow.js 101: Aprendizaje automático en el navegador y más allá
ML conf EU 2020ML conf EU 2020
41 min
TensorFlow.js 101: Aprendizaje automático en el navegador y más allá
TensorFlow.js enables machine learning in the browser and beyond, with features like face mesh, body segmentation, and pose estimation. It offers JavaScript prototyping and transfer learning capabilities, as well as the ability to recognize custom objects using the Image Project feature. TensorFlow.js can be used with Cloud AutoML for training custom vision models and provides performance benefits in both JavaScript and Python development. It offers interactivity, reach, scale, and performance, and encourages community engagement and collaboration between the JavaScript and machine learning communities.
Makepad - Aprovechando Rust + Wasm + WebGL para construir aplicaciones multiplataforma increíbles
JSNation 2022JSNation 2022
22 min
Makepad - Aprovechando Rust + Wasm + WebGL para construir aplicaciones multiplataforma increíbles
Top Content
Welcome to MakePad, a new way to build UI for web and native using WebAssembly and Rust. JavaScript is not suitable for complex applications like IDEs and design tools. Rust, a new programming language, was used to reimagine MakePad, resulting in a fast and efficient platform. MakePad offers live editing, high CPU performance, and the ability to load native instrument components. The future of MakePad includes an open-source release, a design tool, and support for importing 3D models.
API WebHID: Controla Todo a través de USB
JSNation 2022JSNation 2022
23 min
API WebHID: Controla Todo a través de USB
Today's Talk introduces the webHID API, which allows developers to control real devices from the browser via USB. The HID interface, including keyboards, mice, and gamepads, is explored. The Talk covers device enumeration, input reports, feature reports, and output reports. The use of HID in the browser, especially in Chrome, is highlighted. Various demos showcase working with different devices, including a DualShock controller, microphone, gamepad, and Stream Deck drum pad. The Talk concludes with recommendations and resources for further exploration.
Cómo he estado utilizando JavaScript para automatizar mi casa
JSNation 2022JSNation 2022
22 min
Cómo he estado utilizando JavaScript para automatizar mi casa
The Talk covers various experiments with JavaScript and C++, including controlling lights and creating a car control system. The speaker shares his experiences with home automation and the challenges of hiding wires. He explores using JavaScript with Esperino for face recognition and discusses the benefits and limitations of the platform. The Talk concludes with suggestions for using JavaScript in hardware projects and learning opportunities.