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
La neurotecnología es el uso de herramientas tecnológicas para entender más sobre el cerebro y permitir una conexión directa con el sistema nervioso. La investigación en este campo no es nueva, sin embargo, su accesibilidad para los desarrolladores de JavaScript sí lo es.En los últimos años, los sensores cerebrales se han puesto a disposición del público, con herramientas que hacen posible que los desarrolladores web experimenten construyendo interfaces controladas por el cerebro.A medida que esta tecnología evoluciona y desbloquea nuevas oportunidades, vamos a analizar uno de los últimos dispositivos disponibles, cómo funciona, las posibilidades que abre y cómo empezar a construir tu primera aplicación controlada por la mente usando JavaScript.
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á
Descubre cómo aprovechar el aprendizaje automático en JavaScript utilizando TensorFlow.js en el navegador y más allá en esta charla rápida. Inspírate a través de un montón de prototipos creativos que empujan los límites de lo que es posible en el navegador web moderno (las cosas han avanzado mucho) y luego da tus primeros pasos con el aprendizaje automático en minutos. Al final de la charla, todos entenderán cómo reconocer un objeto de su elección que luego se puede utilizar de cualquier manera creativa que puedas imaginar. Se asume familiaridad con JavaScript, pero no se requiere experiencia en aprendizaje automático. ¡Ven y da tus primeros pasos con TensorFlow.js!
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
WebAssembly es una característica del navegador diseñada para brindar un rendimiento predecible y alto a las aplicaciones web, pero sus capacidades a menudo son mal entendidas.
Esta charla explorará cómo WebAssembly es diferente de JavaScript, desde el punto de vista tanto del desarrollador como del motor del navegador, con un enfoque particular en la implementación V8/Chrome.
WebVM es nuestra solución para ejecutar eficientemente binarios x86 sin modificaciones en el navegador y muestra lo que se puede hacer con WebAssembly hoy en día. Se discutirá una descripción general de los componentes del proyecto, incluido el motor JIT, la capa de emulación de Linux y el backend de almacenamiento, seguido de demostraciones en vivo.
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
En esta charla mostraré Makepad, una nueva pila de UI que utiliza Rust, Wasm y WebGL. A diferencia de otras pilas de UI, que utilizan un enfoque híbrido, todo el renderizado en Makepad se realiza en la GPU. Esto permite aplicaciones altamente pulidas y visualmente impresionantes que hasta ahora no han sido posibles en la web. Debido a que Makepad utiliza Rust, las aplicaciones se ejecutan tanto de forma nativa como en la Web a través de wasm. Las aplicaciones de Makepad pueden ser muy pequeñas, del orden de solo unos pocos cientos de kilobytes para wasm, hasta unos pocos megabytes con nativo. Nuestro objetivo es desarrollar Makepad en la pila de UI de elección para aplicaciones multiplataforma ligeras y de alto rendimiento. Tenemos la intención de enviar con nuestra propia aplicación de diseño e IDE.
API WebHID: Controla Todo a través de USB
JSNation 2022JSNation 2022
23 min
API WebHID: Controla Todo a través de USB
El sistema operativo permite controlar diferentes dispositivos utilizando el protocolo de dispositivo de interfaz humana desde hace mucho tiempo. Con la API WebHID, puedes hacer lo mismo directamente desde el navegador. Vamos a hablar sobre las características y limitaciones del protocolo. Intentaremos conectar algunos dispositivos a la laptop y controlarlos con JavaScript.
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
La programación de software es naturalmente divertida, pero hacer algo físico para interactuar con el mundo en el que vives es como magia. Es aún más divertido cuando puedes reutilizar tus conocimientos y JavaScript para hacerlo. Esta charla presentará casos de uso reales de automatización de una casa utilizando JavaScript en lugar de utilizar C++ como de costumbre, y Espruino como herramientas de desarrollo y microcontroladores como Arduino, ESP8266, RaspberryPI y NodeRed para controlar luces, puertas, armarios y mucho más.