JavaScript Evolution and Updates

Rate this content
Bookmark

Dado que JavaScript lanza nuevas características cada año, podrías perderte algunas de las actualizaciones interesantes de objetos integrados como Array e Intl. Exploraremos nuevos métodos y objetos como Array.fromAsync() e Intl.Segmenter, y te mostraremos cómo navegar el soporte del navegador para nuevas características para que puedas eliminar bibliotecas externas o pasos de transpilación. 

This talk has been presented at JSNation US 2024, check out the latest edition of this JavaScript Conference.

Mariko Kosaka
Mariko Kosaka
27 min
18 Nov, 2024

Comments

Sign in or register to post your comment.
Video Summary and Transcription
Hola, soy Mariko del equipo de Chrome Developer Relations. Vamos a sumergirnos en la charla, mejorando JavaScript. Me senté y aprendí JavaScript. Me senté y aprendí ES6 de nuevo. TC39 ha publicado una nueva versión de la especificación de JavaScript cada año. Quiero centrarme en las partes de JavaScript que han recibido actualizaciones recientemente. Así que ArrayFlat crea un nuevo array aplanado. También puedes pasar un argumento de profundidad para aplanar arrays anidados. Otro método, copyToReserve, crea una copia invertida de un array. También está copy to sort, que crea una copia ordenada de un array. Otro método útil es array to spliced, que te permite eliminar y agregar elementos a un array copiado. Por último, el método array at devuelve un elemento en un índice dado. Array at acepta números negativos para la búsqueda en orden inverso. Find last itera en orden inverso y devuelve el elemento o índice. Copy to change the value at a given index with a function. Object group by permite agrupar y crear un nuevo objeto por tipo. JavaScript intl permite la segmentación de palabras en diferentes idiomas, mejorando la legibilidad. También incluye características como formato de tipo de datos, formato de números y reglas plurales para resultados basados en la localidad. Mantenerse al día con las características web es un desafío debido a la investigación que consume tiempo y los posibles errores en la implementación. Baseline proporciona información clara sobre las características de la plataforma web compatibles con los principales navegadores, asegurando compatibilidad sin problemas. Baseline proporciona dos niveles de soporte: recién disponible y ampliamente disponible. Al alinear tu proyecto con Baseline, puedes evitar con confianza problemas de compatibilidad del navegador. Puedes usar Baseline para mantenerte al día con lo nuevo en la web instalando el widget de Baseline. Se han lanzado sitios web y paneles como feature explorer y web starters.dev. La hoja de ruta del proyecto incluye herramientas para desarrolladores e integración de Baseline en linters y acciones. Consulta la página de insights del archivo RAM para obtener datos de usuario basados en los años de Baseline. Estamos planeando más herramientas para el próximo año, incluyendo linting e integración de IA.
Video transcription and chapters available for users with access.

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

Cómo localizar y personalizar contenido con Sanity.io y Next.js
React Advanced 2021React Advanced 2021
8 min
Cómo localizar y personalizar contenido con Sanity.io y Next.js
Sanity.io provides a content platform for structured content that replaces traditional CMS. Their solution allows businesses to structure and query content anywhere using the Sanity studio and open source React application. The talk focuses on solving the challenge of sending personalized data to users in a static website environment using Next.js Vercel for hosting and Sanity for content querying and delivery. The Sanity studio allows for modeling pages, articles, and banners, with banners being shown to visitors based on their country. The solution involves using Grok queries to fetch the right banner based on country information, demonstrating personalization based on localization and dynamic content querying.
End-to-end i18n
React Advanced 2021React Advanced 2021
26 min
End-to-end i18n
Thanks for joining my talk on end-to-end internationalization. I'll walk you through internationalizing a React app, covering translated strings, currency and date formatting, translator management, and injecting translated strings back into the app. The constants used throughout the app define localization settings and translations. The React Intel library is used for managing translations, and custom functions are created for consistent date and number formatting. The translation process involves extracting strings, using tools like PO Edit, and compiling the translated strings into JSON files for the React app.
Construyendo aplicaciones JS con internacionalización (i18n) en mente
JSNation 2022JSNation 2022
21 min
Construyendo aplicaciones JS con internacionalización (i18n) en mente
This Talk discusses building JavaScript apps with internationalization in mind, addressing issues such as handling different name formats, using Unicode for compatibility, character encoding bugs, localization and translation solutions, testing in different languages, accommodating translated text in layouts, cultural considerations, and the importance of enabling different languages for users. The speaker also mentions various open source tools for internationalization. The Talk concludes with a reminder to avoid assumptions and embrace diversity in the World Wide Web.
Codificación de emojis, Unicode e internacionalización
JSNation Live 2020JSNation Live 2020
34 min
Codificación de emojis, Unicode e internacionalización
This Talk explores the UTF-8 encoding and its relationship with emojis. It discusses the history of encoding, the birth of Unicode, and the importance of considering global usage when building software products. The Talk also covers JavaScript's encoding issues with Unicode and the use of the string.prototype.normalize method. It highlights the addition of emoji support in Unicode, the variation and proposal process for emojis, and the importance of transparency in emoji encoding. The Talk concludes with the significance of diverse emojis, the recommendation of UTF-8 for web development, and the need to understand encoding and decoding in app architecture.
Internacionalizando React
React Summit Remote Edition 2021React Summit Remote Edition 2021
29 min
Internacionalizando React
The Talk discusses the challenges of adding and maintaining new languages in a React application and suggests ways to make the process easier. It defines internationalization as the process of architecting an application for localization and explains that localization involves adapting the content and experience for a specific locale. The speaker recommends using libraries for internationalization and provides resources for learning more about the topic. The Talk also addresses edge cases and difficulties with multiple dialects or languages, translation processes, and right-to-left CSS libraries.
Localización para casos de uso del mundo real: Aprendizajes clave de la incorporación de marcas globales
React Summit 2022React Summit 2022
8 min
Localización para casos de uso del mundo real: Aprendizajes clave de la incorporación de marcas globales
I'm going to talk about localisation in the real world and how Sanity, a platform for structured content, focuses on content as data and flexible internationalization. Sanity allows for multiple languages in different markets, providing customization options for content visibility based on location. The platform offers a flexible approach to content creation and customization, allowing organizations to internationalize their content based on their specific needs. With Sanity's query language and the brand new version of Sanity Studio, developers have more flexibility than ever before.

Workshops on related topic

Localizando tu sitio web de Remix
React Summit 2023React Summit 2023
154 min
Localizando tu sitio web de Remix
WorkshopFree
Harshil Agrawal
Harshil Agrawal
El contenido localizado te ayuda a conectarte con tu audiencia en su idioma preferido. No solo te ayuda a hacer crecer tu negocio, sino que también ayuda a tu audiencia a comprender mejor tus ofertas. En este masterclass, obtendrás una introducción a la localización y aprenderás cómo implementar la localización en tu sitio web de Remix alimentado por Contentful.
Tabla de contenidos:- Introducción a la localización- Introducción a Contentful- Localización en Contentful- Introducción a Remix- Configuración de un nuevo proyecto de Remix- Renderización de contenido en el sitio web- Implementación de la localización en el sitio web de Remix- Recapitulación- Próximos pasos