El mundo del desarrollo vive en una constante innovación y aunque durante muchos años del lenguaje, Javascript se había estabilizado y quizás estancado un poco hasta antes de 2015, durante los pasados años su evolución es más que notable. Si eres de los desarrolladores que están al día seguramente conocerás las novedades de Javascript, pero si no es así, no te preocupes, en ROOTHEIM, te presentamos algunas que no debes dejar pasar y que en este 2021 puedes usar de manera estable en la mayoría de los navegadores. Así que comencemos…
Programación asíncrona
Hace tiempo que la programación asíncrona y Ajax se han convertido en uno de los pilares fundamentales en los que se basa la web moderna. Javascript tiene muchas utilidades en lo que respecta a la gestión de asíncrona y Ajax.
- Fetch: No es una novedad en el lenguaje, pues ya hace mucho que se viene utilizando, pero no está mal recordar que con «fetch» disponemos de una interfaz moderna para el acceso a recursos del lado del servidor sin necesidad de recargar la página. Ahora es muy fácil usar Ajax gracias a fetch y realizar solicitudes a alto nivel y compatibles con todos los navegadores modernos.
- Promesas: Para la gestión de la programación asíncrona, lo más básico es usar promesas, que nos permiten especificar el código a ejecutar cuando acaban de procesarse los comportamientos asíncronos, tanto en el caso de fallos como de éxitos.
- Async / Await: es un modelo más reciente para programación de comportamientos asíncronos que nos permite escribir el código con un flujo similar ha como se escribe el código que no es asíncrono, de manera secuencial.
Nuevos operadores
Entre las novedades de Javascript más recientes se encuentran varios operadores que no tienes que dejar pasar porque te pueden ayudar a hacer código más claro y evitar errores frecuentes. Estas son las novedades que consideramos fundamentales y que no debes perder de vista:
- Spread (…): Quienes lo usan no son capaces de vivir sin él. El spread operator sirve para expandir expresiones de iterables, arrays, cadenas e incluso objetos, de manera que se puedan asignar como parámetros en funciones o como valores en nuevas estructuras de datos.
- Nullish Coalescing (??): Este operador permite asignar valores de manera condicional ofreciendo un tratamiento específico para valores nulos o indefinidos.
- Optional chaining (?): Este operador sirve para acceder a valores profundos de los objetos sin tener que comprobar si esas propiedades realmente existen en los objetos y, por supuesto, sin producir errores.
Nuevas API
Las Interfaces de Programación de Aplicaciones por sus siglas en inglés (API) Son características que no podemos dejar de prestar atención ya que son las que nos ofrecen los navegadores, para exprimir las posibilidades de la plataforma web. Estas son las API estables que puedes usar ya mismo en todos los navegadores modernos y que son esenciales para las aplicaciones actuales:
1.- Web Components:
La API que más queremos destacar, ya que forma parte de más de un 10% de los sitios web del mundo, esta permite crear nuestros propios componentes estándar con Javascript, para extender el HTML con nuevos elementos que tienen su propio aspecto y funcionalidad.
Web Components tiene varias especificaciones, como Custom Elements o Shadow DOM. En sí nos ofrece prestaciones similares a las que otorgan librerías como React, pero solo con Javascript nativo.
2.- Imports dinámicos
Otra gran ventaja de los navegadores modernos es la posibilidad de aceptar imports dinámicos, que simplemente nos permiten cargar y poner en marcha código Javascript en tiempo de ejecución, algo esencial para conseguir comportamientos «lazy load».
3.- Service workers
Son archivos residentes en el navegador, que pueden ejecutarse en segundo plano aunque no tengamos abierta una página determinada. Gracias a los Service Workers tenemos cosas como las notificaciones push o la navegación offline. A veces escribir un Service Worker puede ser algo complejo, pero afortunadamente hay medios de conseguir el código necesario sin tener que programarlo. La librería más común para generar un Service Worker es Workbox.
4.- Intl
Javascript tiene un completo API para internacionalización que permite desarrollar de una manera ágil páginas multi idioma con funcionalidades avanzadas para las que antes eran necesarias las librerías externas.
Como conclusión, esperamos que estas novedades de Javascript en 2021, (algunas no tan nuevas), te sirvan para investigar más sobre el lenguaje y puedas descubrir nuevas funcionalidades con las que enriquecer tus aplicaciones. Si estás interesado en saber más sobre este tema, sigue atento a nuestro blog, también te recordamos que en ROOTHEIM, podemos ayudarte con cualquier necesidad que surja en tu empresa o negocio.
Para más información, ¡Contáctanos por medio de estos iconos!
Referencia: https://www.arsys.es/blog/javascript-2021/
Copiar URL
