Anteriormente, para los desarrolladores Front End, era suficiente con conocer lo básico de HTML, CSS y alguna librería de JavaScript para crear sitios web interactivos. En la actualidad, éstos se enfrentan a un exceso de estándares y tendencias que, muchas veces, cambian antes de poder ser implementadas.

 

Con el paso de los años, JavaScript se ha vuelto cada vez más fuerte. De acuerdo con la encuesta para desarrolladores 2020, realizada por Stack Overflow, este lenguaje ha sido el más conocido y estudiado del mundo, durante ocho años consecutivos. De hecho, se puede considerar que este lenguaje continuará siendo líder durante el 2021. Cada día existen más servicios de desarrollo que requieren habilidades de este lenguaje.

Sin embargo, es importante acotar que, JavaScript incumple con requisitos de la programación orientada a objetos, la cual corresponde a una parte integral de muchos proyectos modernos. Esto impide el crecimiento de este lenguaje como uno del lado del servidor, produciendo la aparición, mantenimiento y progreso del lenguaje JS Typscript.

En el informe State of the Octoverse 2020 de GitHub, se percibe claramente el crecimiento exponencial de TypeScript durante los últimos cuatro años. Dado que Microsoft es el jefe detrás de TypeScript, podemos esperar que continúe mejorando todas sus capacidades en 2021.

Todo esto y más, produce la existencia de un gran ecosistema cambiante, de habilidades a desarrollar y herramientas, librerías y marcos a dominar. Por lo que, todo desarrollador Front End se ve en la constante necesidad de invertir tiempo en educarse para seguir siendo relevante y competitivo en su área.

Entre tanta innovación, puede resultar difícil saber en qué enfocarse o por qué opción decidirse. Sin embargo, este artículo servirá como guía sobre las posibles tendencias que se mantendrán durante el 2021.

 

1. Frameworks

Los marcos de desarrollo de trabajo o frameworks simplifican el proceso de desarrollo y montaje de diferentes módulos. Los sitios y aplicaciones web se crean basándose en frameworks de JavaScript. Ahora mismo, existen tres marcos de desarrollo populares con comunidades IT robustas: React, Vue, y Angular. No corresponden a las últimas tendencias en el desarrollo de interfaces, sino a tecnologías realmente valoradas.

Los desarrolladores Front End que trabajen o quieran trabajar con marcos de desarrollo de JavaScript deben centrarse en React y Vue como principales opciones para este año.

Esto se debe a que, actualmente, React alcanza las 159,000 estrellas en GitHub y en la encuesta 2020 de Stack Overflow se indica que un 68,9% de los encuestados lo usaban o tenían interés en usarlo en un futuro próximo. Mientras que, Vue le supera obteniendo 175,000 estrellas. Angular, por ejemplo, tiene solo 67,500 estrellas.

Por otro lado, el framework Svelte va abriéndose paso, alcanzando 39.000 estrellas en GitHub y se le prevé un gran futuro en 2021.

 

2. Generadores de sitios estáticos o Static Site Generators (SSG)

El desarrollo web ha cambiado para siempre gracias a la aparición de las aplicaciones o sistemas web de página única (SPA), las cuales buscan brindar una experiencia más fluida a los usuarios, simulando una aplicación de escritorio.

Los generadores de sitios estáticos combinan el poder de la representación del lado del servidor (funcionales para el SEO e importante para el tiempo de carga inicial) y las aplicaciones de una sola página. Incluso, muchos proyectos actuales eligen un SSG, a pesar de que no necesitan renderizado del lado del servidor, ya que estos proveen funciones útiles, como soporte de rebajas, paquetes de módulos o ejecutores de prueba integrados, entre otros.

Los SSG más populares basados en Vue, durante el 2020, son Nuxt.js y Gridsome. Se considera que estos continuarán creciendo en uso y popularidad durante el 2021.

Lo mismo sucede para Next.js y Gatsby, basados en React. Según el Informe de mercado de tecnología de W3 Techs, realizado en mayo de 2020, Gatsby es el marco de desarrollo de más rápido crecimiento. Esto se debe a que ofrece una gran experiencia de desarrollador.

 

3. JAMstack

JAMstack es el término empleado para referirse a la nueva tendencia o arquitectura moderna para el desarrollo web. Ofrece muchos beneficios, tales como un mayor rendimiento, escalabilidad, seguridad y experiencia para el desarrollador. Está basada en el uso de Javascript en el cliente, APIs reutilizables y Markup precompilado.

Si bien estos términos no son nuevos, todos tienen algo en común: no dependen de un servidor web. En JAMstack la web está pregenerada. Se trata de una arquitectura web orientada al contenido estático. Los sistemas JAMstack no requieren bases de datos, sino que despliegan toda la información en forma de ficheros editables. JAMstack parte del principio de producir el HTML sólo cuando el contenido o los datos cambien, no cada vez que se haga una petición.

Hosters reconocidos, como Netlify y Zeit, admiten aplicaciones JAMstack y grandes corporaciones las utilizan para ofrecer mejores experiencias a sus usuarios.

El cofundador y director ejecutivo de Strapi predice que, para el 2021, esta nueva tendencia se volverá más sencilla de usar y habrá más integración con servicios como comercio electrónico y sistemas de pago electrónico para mejorar las funcionalidades de los sitios impulsados por este, así como que es posible que, esta forma de diseñar sitios web, crezca y cambie para incluir también sitios web híbridos o semiestáticos.

 

4. GraphQL

En 2018, Facebook lanzó la primera versión de GraphQL como solución a problemas específicos que enfrentan los desarrolladores cuando trabajan con APIs Restful. GraphQL es un lenguaje de consulta que describe cómo se recuperan los datos.

Una de las ventajas que convierte esta tecnología en tendencia es la obtención de datos para varios clientes de muchas fuentes, logrando reducir el número de solicitudes entre el usuario y servidor, así como el número de errores. Los desarrolladores envían una consulta a un servidor GraphQL con sus requisitos de datos. Luego, el servidor devuelve un objeto JSON con todos los datos correspondientes.

Otra de sus ventajas es que emplea un fuerte sistema de tipos. Todo en el servidor GraphQL se define mediante un esquema que utiliza el lenguaje de definición de esquema GraphQL (SDL). Una vez que se ha creado el esquema, tanto los desarrolladores de Front End como los de Back End pueden trabajar de manera bastante independiente entre sí porque conocen la estructura de datos definida.

Sin duda, GraphQL continuará siendo tendencia durante el 2021, gracias a la flexibilidad y rendimiento que ofrece.

 

5. Aplicaciones web progresivas o Progressive Web Apps (PWA)

Las aplicaciones web progresivas definitivamente estarán presentes en 2021. Con el paso del tiempo, cada vez son más las empresas que eligen las PWA en lugar de las aplicaciones nativas para ofrecer ricas experiencias móviles a sus usuarios.

Los PWA son confiables (carga instantánea, funcionan sin conexión a Internet), rápidos (animaciones fluidas, respuestas rápidas a la interacción del usuario) y atractivos (sensación de aplicación nativa, excelente experiencia de usuario).

 

6. Editores de código o IDES

Al igual que en 2020, se pronostica que VS Code de Microsoft será el editor número uno para la mayoría de los ingenieros de Front End en 2021.

VS Code se convierte en el favorito ya que permite completar y resaltar código, así como extenderse casi infinitamente mediante el mercado de extensiones.

 

7. CSS-in-JS

Para los desarrolladores de front end, CSS-in-JS representa una colección de ideas creadas para resolver los puntos débiles y de fricción con CSS vainilla y bibliotecas de estilo exclusivas de CSS, lo que mejora la velocidad y la felicidad del desarrollador.

La idea básica es que cuando usa un marco de Javascript Front End como React, Vue o Angular, también usa Javascript para administrar los estilos. Ha sido controvertido en la comunidad de desarrolladores durante algunos años desde que ganó fuerza, pero se convirtió en una masa crítica en 2019-2021 y probablemente se obtendrá una mayor adopción en 2021. La emoción es una opción popular y ha reunido un ecosistema a su alrededor, como Theme UI.

 

En conclusión, en este artículo, se exponen algunas tendencias importantes que los desarrolladores de Front End deberían intentar aprender, mejorar o dominar en 2021.

Esta lista no intenta ser completa ya que al final, todo depende de las decisiones del desarrollador o proyecto.