ES?.next()

Rate this content
Bookmark

¿Te emociona escuchar sobre posibles nuevas características de Javascript? ¡Entonces esta charla es para ti! Recorreremos algunas propuestas interesantes de TC39 desde la etapa 0 hasta la etapa 3. Veamos qué tan beneficiosas son estas propuestas con ejemplos de código y algo de codificación en vivo.

FAQ

El TC39 es un comité técnico que trabaja en ECMAScript y tiene la responsabilidad de decidir y definir las especificaciones de este lenguaje de programación. Su proceso de desarrollo de propuestas incluye varias etapas, desde la propuesta inicial hasta su finalización y lanzamiento.

El proceso de propuestas en TC39 incluye cinco etapas: la etapa 0 (propuesta inicial), la etapa 1 (propuesta formal), la etapa 2 (borrador), la etapa 3 (candidato), y la etapa 4 (finalizado y listo para lanzamiento).

Una propuesta en la etapa 0 es una propuesta inicial que aún no ha sido presentada en el comité. Es el punto de partida para nuevas características y generalmente implica la exploración de una idea o concepto.

En la etapa 3, una propuesta se convierte en un candidato que puede ser probado con una bandera en navegadores o en un entorno de nodo. Esto permite a los desarrolladores probar la propuesta y proporcionar comentarios antes de que avance a la siguiente etapa.

Cuando una propuesta llega a la etapa 4, significa que está completada y lista para ser lanzada. La propuesta ya ha sido implementada en algunos entornos con una bandera en la etapa 3, y en la etapa 4, la bandera se elimina y la funcionalidad está disponible en la mayoría de los navegadores modernos.

ECMAScript es una especificación de lenguaje de programación estandarizada por ECMA International. Es la base para JavaScript, que es una de las implementaciones más conocidas y utilizadas de ECMAScript en la programación web.

Hemanth HM
Hemanth HM
31 min
10 Jun, 2021

Comments

Sign in or register to post your comment.

Video Summary and Transcription

La charla discute varias propuestas para la próxima versión de ECMAScript (ES Next) y el proceso de TC39. Cubre características como la sintaxis de enlace, asignaciones de propiedades abreviadas, coincidencia de patrones, coincidencia asíncrona, sobrecarga de operadores y más. Estas propuestas tienen como objetivo simplificar el código, hacerlo más legible e introducir nuevas funcionalidades. La charla también aborda preguntas sobre el proceso de toma de decisiones del comité y la experiencia de ser parte del comité TC39.

Available in English: ES?.next()

1. Introduction to ES Next and TC39 Process

Short description:

Hola, JS Nation. Estamos hablando de ES Next en esta charla. ECMA tiene muchos comités técnicos que deciden y definen las especificaciones de diferentes entidades. TC39 trabaja en ECMAScript y tiene 5 etapas en el proceso. La primera etapa es una propuesta inicial, seguida de una propuesta, borrador, candidato y finalizado. Repasaremos propuestas interesantes en cada etapa. Es posible que algunas características no lleguen al estado final.

Hola, JS Nation. Estamos hablando de ES Next en esta charla. Soy Hemant. Soy miembro del personal técnico de PayPal, un GDE en el dominio web y de pagos y, por supuesto, un delegado de TC39 y puedes enviarme un tweet a gnumonth. ECMA, la Asociación Internacional de Fabricantes de Computadoras de Europa, tiene muchos comités técnicos que deciden y definen las especificaciones de diferentes entidades.

Y uno de ellos, el 39, es el TC39 que trabaja en ECMAScript. ¿Cómo funciona básicamente el proceso? Entonces, básicamente tenemos 5 etapas que van desde la etapa 0 hasta la etapa 4. La primera etapa se llama propuesta inicial. En esta etapa, se permite la entrada en la especificación. Es más como tener una idea y aún no se ha presentado en el comité. Y la etapa 1 es más como una propuesta. Entonces tienes una idea y presentas un caso para la adición y luego describes la forma y también la solución. Y lo que estás tratando de resolver y cuál es la solución y cuál es el problema que quieres resolver es lo que se discute aquí en la etapa 1. Y en la etapa 2, tienes un borrador donde describes precisamente la sintaxis y la semántica utilizando un lenguaje de especificación formal. Y luego, en la etapa 3, tienes un candidato que indica que, hey, esto se puede probar con una bandera, tal vez en tu navegador o en un entorno de nodo. Entonces, es como si estuvieras buscando comentarios sobre el candidato de los desarrolladores y diciendo, hey, úsalo con precaución porque ahora está bajo una bandera. Solo úsalo y dinos cómo se ve. Y finalmente, en la etapa 4, está terminado y está listo para ser lanzado. Y a veces ya se ha lanzado con la bandera, como dije, en la etapa 3, la bandera se elimina en esta etapa y está disponible en la mayoría de los navegadores modernos y otros entornos. Ese es todo el proceso de cómo funciona TC39, desde la propuesta inicial hasta el final después de la propuesta, el borrador, el candidato, por supuesto. Curiosamente, esto se llamaba Strawman antes, y ahora se llama Strawperson, lo cual tiene mucho sentido.

Aquí hay un gráfico interesante, que se extrae del estado actual donde tenemos propuestas desde la etapa 0 hasta la etapa 4 y tenemos 18 propuestas en la etapa 0 y 79 propuestas en la etapa 1, y tenemos 26 en la etapa 2, 14 en la etapa 3 y 49 en la etapa 4. Así que durante esta charla, repasaremos algunas propuestas interesantes en cada una de estas etapas y una palabra de precaución, por supuesto, porque estamos hablando de algunas de las propuestas que están en una etapa muy temprana. Por supuesto, cambiarán, algunas de ellas incluso podrían cambiar su comportamiento. La sintaxis podría cambiar, algunas de ellas incluso podrían no llegar al estado final, así que no supongas que todas estas características estarán disponibles en Javascript algún día. Estas son algunas de las posibles características futuras en las que nos fijaremos. Así que marqué cada una de las diapositivas con estos dos emojis aquí, a la izquierda lo que vemos aquí con el icono de gafas es más como una IP que dice, hey, así es como lo estamos haciendo hoy. Y a la derecha con las gafas es lo que estamos diciendo, hey, cómo sería probablemente en el futuro. Digamos que tengo un iterLib y tienes una función obtener jugadores, que te da un objeto que tiene personajes y tiene atributos de fuerza y necesitas extraer alguna información de él. Entonces, iterLib te proporciona los métodos map, take while y forEach.

2. Binding Syntax and Simplification

Short description:

Y el getPlayer aquí, con el val, te da un objeto. Entonces quieres mapear o, como se hace hoy en día, haces un map.call en ese valor y obtienes todos los personajes. Luego haces un take while y dices, hey, si la fuerza es mayor que cien, dame todos esos. Y finalmente, probablemente tendrías que hacer un forEach y hacer algún procesamiento. En este caso, solo estamos imprimiendo en la consola el valor. ¿Puede ser mejor? Así que en el estado cero, tenemos esta sintaxis de enlace, que facilita la vida con el operador bind. Si puedes pensarlo como dos columnas sucesivas aquí, lo que vemos después de getPlayer, tienes map y luego tienes take while y luego tienes forEach. ¿No es más simple en comparación con cómo lo estamos haciendo hoy en día, probablemente y cuán preciso y simple se ve aquí en el estado cero tenemos esta sintaxis de enlace. Entonces, esta sintaxis de enlace, si tuviéramos que resumir en las diferentes variantes que proporciona, si ves objeto con el operador bind y función, que es igual a function.bind objeto seguido del operador bind objeto.función, que de hecho es equivalente a objeto.función.bind con objeto. Si tienes objeto enlace con valor de función, eso es equivalente a function.call objeto.valor. Y si solo tienes enlace objeto.función.valor, que es igual a objeto.función.call objeto.valor. Esto hace que la vida sea mucho más simple e intuitiva de leer y entender. Y además, la sintaxis se ve hermosa, ¿verdad?

Y el getPlayer aquí, con el val, te da un objeto. Así que quieres mapear o, como se hace hoy en día, haces un map.call en ese valor y obtienes todos los personajes. Y luego haces un take while y dices, hey, si la fuerza es mayor que cien, dame todos esos. Y finalmente, probablemente tendrías que hacer un forEach y hacer algún procesamiento. En este caso, solo estamos imprimiendo en la consola el valor. ¿Puede ser mejor?

Así que en el estado cero, tenemos esta sintaxis de enlace, que facilita la vida con el operador bind. Si puedes pensarlo como dos columnas sucesivas aquí, lo que vemos después de getPlayer, tienes map y luego tienes take while y luego tienes forEach. ¿No es más simple en comparación con cómo lo estamos haciendo hoy en día, probablemente y cuán preciso y simple se ve aquí en el estado cero tenemos esta sintaxis de enlace. Entonces, esta sintaxis de enlace, si tuviéramos que resumir en las diferentes variantes que proporciona, si ves objeto con el operador bind y función, que es igual a function.bind objeto seguido del operador bind objeto.función, que de hecho es equivalente a objeto.función.bind con objeto. Si tienes objeto enlace con valor de función, eso es equivalente a function.call objeto.valor. Y si solo tienes enlace objeto.función.valor, que es igual a objeto.función.call objeto.valor. Esto hace que la vida sea mucho más simple e intuitiva de leer y entender. Y además, la sintaxis se ve hermosa, ¿verdad? Veamos otro ejemplo aquí.

QnA

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

Escalando con Remix y Micro Frontends
Remix Conf Europe 2022Remix Conf Europe 2022
23 min
Escalando con Remix y Micro Frontends
Top Content
¿Tienes un producto grande construido por muchos equipos? ¿Estás luchando para lanzar a menudo? ¿Se convirtió tu frontend en un monolito inmantenible masivo? Si, como yo, has respondido sí a cualquiera de esas preguntas, ¡esta charla es para ti! Te mostraré exactamente cómo puedes construir una arquitectura de micro frontend con Remix para resolver esos desafíos.
Componentes de Full Stack
Remix Conf Europe 2022Remix Conf Europe 2022
37 min
Componentes de Full Stack
Top Content
Remix es un marco de trabajo web que te ofrece el modelo mental simple de una aplicación de múltiples páginas (MPA) pero el poder y las capacidades de una aplicación de una sola página (SPA). Uno de los grandes desafíos de las SPA es la gestión de la red que resulta en una gran cantidad de indirecciones y código defectuoso. Esto es especialmente notable en el estado de la aplicación que Remix elimina por completo, pero también es un problema en los componentes individuales que se comunican con un punto final de backend de un solo propósito (como una búsqueda de combobox, por ejemplo).
En esta charla, Kent demostrará cómo Remix te permite construir componentes de interfaz de usuario complejos que están conectados a un backend de la manera más simple y poderosa que hayas visto. Dejándote tiempo para relajarte con tu familia o lo que sea que hagas para divertirte.
Haciendo JavaScript en WebAssembly Rápido
JSNation Live 2021JSNation Live 2021
29 min
Haciendo JavaScript en WebAssembly Rápido
Top Content
JavaScript en el navegador se ejecuta muchas veces más rápido de lo que lo hacía hace dos décadas. Y eso sucedió porque los proveedores de navegadores pasaron ese tiempo trabajando en intensivas optimizaciones de rendimiento en sus motores JavaScript.Debido a este trabajo de optimización, JavaScript ahora se está ejecutando en muchos lugares además del navegador. Pero todavía hay algunos entornos donde los motores JS no pueden aplicar esas optimizaciones de la manera correcta para hacer las cosas rápidas.Estamos trabajando para resolver esto, comenzando una nueva ola de trabajo de optimización de JavaScript. Estamos mejorando el rendimiento de JavaScript para entornos completamente diferentes, donde se aplican reglas diferentes. Y esto es posible gracias a WebAssembly. En esta charla, explicaré cómo funciona todo esto y qué vendrá a continuación.
Depuración de JS
React Summit 2023React Summit 2023
24 min
Depuración de JS
Top Content
Como desarrolladores, pasamos gran parte de nuestro tiempo depurando aplicaciones, a menudo código que ni siquiera escribimos. Lamentablemente, a pocos desarrolladores se les ha enseñado cómo abordar la depuración, es algo que la mayoría de nosotros aprendemos a través de la experiencia dolorosa. La buena noticia es que _puedes_ aprender a depurar de manera efectiva, y hay varias técnicas y herramientas clave que puedes usar para depurar aplicaciones de JS y React.
¿Webpack en 5 años?
JSNation 2022JSNation 2022
26 min
¿Webpack en 5 años?
Top Content
¿Qué podemos aprender de los últimos 10 años para los próximos 5 años? ¿Hay un futuro para Webpack? ¿Qué necesitamos hacer ahora?
Hacia una Biblioteca Estándar para Runtimes de JavaScript
Node Congress 2022Node Congress 2022
34 min
Hacia una Biblioteca Estándar para Runtimes de JavaScript
Top Content
Puedes revisar las diapositivas de la charla de James aquí.

Workshops on related topic

Uso de CodeMirror para construir un editor de JavaScript con Linting y AutoCompletado
React Day Berlin 2022React Day Berlin 2022
86 min
Uso de CodeMirror para construir un editor de JavaScript con Linting y AutoCompletado
Top Content
WorkshopFree
Hussien Khayoon
Kahvi Patel
2 authors
Usar una biblioteca puede parecer fácil a primera vista, pero ¿cómo eliges la biblioteca correcta? ¿Cómo actualizas una existente? ¿Y cómo te abres camino a través de la documentación para encontrar lo que quieres?
En esta masterclass, discutiremos todos estos puntos finos mientras pasamos por un ejemplo general de construcción de un editor de código usando CodeMirror en React. Todo mientras compartimos algunas de las sutilezas que nuestro equipo aprendió sobre el uso de esta biblioteca y algunos problemas que encontramos.
Pruebas de Aplicaciones Web utilizando Cypress
TestJS Summit - January, 2021TestJS Summit - January, 2021
173 min
Pruebas de Aplicaciones Web utilizando Cypress
WorkshopFree
Gleb Bahmutov
Gleb Bahmutov
Este masterclass te enseñará los conceptos básicos de cómo escribir pruebas de extremo a extremo utilizando Cypress Test Runner.
Cubriremos la escritura de pruebas, abarcando todas las características de la aplicación, estructurando las pruebas, interceptando solicitudes de red y configurando los datos del backend.
Cualquier persona que conozca el lenguaje de programación JavaScript y tenga NPM instalado podrá seguir el masterclass.
Construye un potente DataGrid en pocas horas con Ag Grid
React Summit US 2023React Summit US 2023
96 min
Construye un potente DataGrid en pocas horas con Ag Grid
WorkshopFree
Mike Ryan
Mike Ryan
¿Tu aplicación React necesita mostrar eficientemente muchos (y muchos) datos en una cuadrícula? ¿Tus usuarios quieren poder buscar, ordenar, filtrar y editar datos? AG Grid es la mejor cuadrícula de JavaScript en el mundo y está llena de características, es altamente eficiente y extensible. En esta masterclass, aprenderás cómo empezar con AG Grid, cómo podemos habilitar la ordenación y el filtrado de datos en la cuadrícula, la representación de celdas y más. Saldrás de esta masterclass gratuita de 3 horas equipado con el conocimiento para implementar AG Grid en tu aplicación React.
Todos sabemos que crear nuestra propia solución de cuadrícula no es fácil, y seamos honestos, no es algo en lo que deberíamos estar trabajando. Estamos enfocados en construir un producto e impulsar la innovación. En esta masterclass, verás lo fácil que es empezar con AG Grid.
Prerrequisitos: React y JavaScript básicos
Nivel de la masterclass: Principiante
0 a Auth en una Hora Usando NodeJS SDK
Node Congress 2023Node Congress 2023
63 min
0 a Auth en una Hora Usando NodeJS SDK
WorkshopFree
Asaf Shen
Asaf Shen
La autenticación sin contraseña puede parecer compleja, pero es fácil de agregar a cualquier aplicación utilizando la herramienta adecuada.
Mejoraremos una aplicación JS de pila completa (backend de Node.JS + frontend de React) para autenticar usuarios con OAuth (inicio de sesión social) y contraseñas de un solo uso (correo electrónico), incluyendo:- Autenticación de usuario - Administrar interacciones de usuario, devolver JWT de sesión / actualización- Gestión y validación de sesiones - Almacenar la sesión para solicitudes de cliente posteriores, validar / actualizar sesiones
Al final del masterclass, también tocaremos otro enfoque para la autenticación de código utilizando Flujos Descope en el frontend (flujos de arrastrar y soltar), manteniendo solo la validación de sesión en el backend. Con esto, también mostraremos lo fácil que es habilitar la biometría y otros métodos de autenticación sin contraseña.
Tabla de contenidos- Una breve introducción a los conceptos básicos de autenticación- Codificación- Por qué importa la autenticación sin contraseña
Requisitos previos- IDE de tu elección- Node 18 o superior
Construye una Potente Rejilla de Datos con AG Grid
React Summit 2024React Summit 2024
168 min
Construye una Potente Rejilla de Datos con AG Grid
WorkshopFree
Brian Love
Brian Love
¿Tu aplicación React necesita mostrar eficientemente una gran cantidad de datos en una rejilla? ¿Tus usuarios quieren poder buscar, ordenar, filtrar y editar datos? AG Grid es la mejor rejilla JavaScript del mundo y está repleta de funciones, altamente eficiente y extensible. En este masterclass, aprenderás cómo empezar con AG Grid, cómo habilitar la ordenación y filtrado de datos en la rejilla, la personalización y renderización de celdas, y más. Saldrás de este masterclass gratuito de 3 horas equipado con los conocimientos para implementar AG Grid en tu aplicación React.
Búsqueda de texto completo basada en JavaScript con Orama en todas partes
Node Congress 2023Node Congress 2023
49 min
Búsqueda de texto completo basada en JavaScript con Orama en todas partes
Workshop
Michele Riva
Michele Riva
En este masterclass, veremos cómo adoptar Orama, un potente motor de búsqueda de texto completo escrito completamente en JavaScript, para hacer que la búsqueda esté disponible donde sea que se ejecute JavaScript. Aprenderemos cuándo, cómo y por qué sería una gran idea implementarlo en una función sin servidor, y cuándo sería mejor mantenerlo directamente en el navegador. Olvídate de las APIs, configuraciones complejas, etc.: Orama facilitará la integración de la búsqueda en proyectos de cualquier escala.