Tendencias en el Desarrollo Frontend en 2024
Hay que estar atento a cómo se mueve el mercado y la comunidad. Por eso en este artículo revisaremos 4 tendencias que marcarán pauta en 2024.
El año 2023 ha traído un crecimiento exponencial en la web. Ciertamente hay tantas mejoras y cambios que es difícil revisarlo todo.
La mejor forma de actualizarnos como desarrolladores es saber enfocarse según las necesidades o preferencias para seguir aprendiendo y no quedarse atrás.
Astro para crear webs rápidas
Me enteré de Astro en su versión 2.9. Estaba buscando una alternativa para construir webs que puedan tener fácilmente una buena calificación de performance.
Por otro lado también me enteré gracias a Astro sobre la View Transitions API. Y desde ahí he estado pendiente de las novedades que salían en las versiones 3.0 y 4.0 antes de terminar el año 2023.
He visto bastante interés en la comunidad y de conocidos creadores de contenido que han logrado dar a conocer más este framework.
📝Puedes comparar 2022 y 2023 buscando Astro en npm trends.
Además Astro se ha potenciado teniendo como sponsor a Vercel. Para este blog por ejemplo estoy trabajando en ese ecosistema y de verdad es bastante cómodo el desarrollo y el mantenimiento.
📝Puedes revisar ejemplos con Astro.
Si recién estás iniciando o ya tienes experiencia en Frontend. Creo que será importante aprender Astro en 2024. Es una excelente alternativa para varios casos de uso donde otras muy conocidas como React, Angular o Vue quedan como segunda opción.
View Transitions API es el futuro de la programación web
La View Transitions API puede utilizarse para realizar una transición animada cuando navegamos entre páginas. Y a diferentes casos de uso donde se necesite realizar una transición cuando actualizamos el DOM.
Realmente con esta API se puede lograr mejorar la experiencia de usuario. Y lo hace posible para diferentes casos de uso de forma más fácil.
📝Revisa este articulo de Chrome sobre casos de uso con View Transitions API.
Creo que el uso de esta API será un cambio importante para percibir la web más moderna. Un ejemplo de ello es un clone de Spotify que está desarrollado con Astro.
📝Revisa el Clon de Spotify con Astro View Transitions.
Además la View Transitions API está en constante mejora, una de las características importantes que se espera es el soporte nativo para MPA.
En 2024 estoy seguro que aprender de esta API será un plus en tu perfil como Frontend.
Tailwind CSS para implementar estilos rápido y personalizado.
Tailwind CSS se basa en el uso de clases utilitarias que permite una implementación rápida de estilos.
Lo escribes directamente en HTML y evitas complicaciones comunes con temas de herencia, especificidad, el uso de important, entre otros.
Con Tailwind CSS logras un resultado que puedes ajustar fácilmente según la necesidad. Alternativas como Bootstrap que ofrecen también un desarrollo rápido no tienen dicha ventaja de personalización.
Además, Tailwind CSS lo puedes usar con frameworks como Nextjs, Vue o Angular. Por ejemplo, yo lo uso para este blog con Astro.
Por otro lado, durante el 2023 he visto una adopción muy rápida de este framework de CSS. Muchos amigos y conocidos de mi entorno optan por el uso de Tailwind en lugar de Bootstrap, Sass, Styled Components u otros.
📝Revisa ejemplos con Tailwind CSS.
Creo que Tailwind CSS en 2024 es interesante aprenderlo. Si ya tienes un dominio bueno de CSS puro, seguramente podrás ver sus beneficios y usarlo de mejor forma.
La IA para crear productos web más fácil
Actualmente hay servicios en la web donde se utiliza inteligencia artificial para crear y optimizar assets como imágenes.
Hay opciones para crear componentes o páginas web con IA. Tanto para usuarios finales como para desarrolladores.
Tenemos herramientas para codear más rápido como GitHub Copilot o Amazon CodeWhisperer.
Varios productos web están agregando IA para ofrecer un mejor servicio. Por ejemplo, Figma está trabajando en FigJam IA, un grupo de herramientas con IA que está en beta.
📝 Revisa FigJam IA.
Otro ejemplo importante sería el buscador de Google con experiencia generativa de búsqueda SGE. Realmente es un avance interesante que trae a discusión el tema de SEO, al menos el primer resultado que vea el usuario será generado por IA.
📝Revisa un artículo sobre el buscador de google con IA.
¿Nos quitara el trabajo? Yo creo que está facilitando el día a día como desarrollador y si quieres sacarle provecho tienes que seguir aprendiendo.
Si en 2024 no sabes nada de la IA estás en desventaja como desarrollador. Es hora de revisar y ver qué beneficios puedes tener como Desarrollador Frontend.
¡Gracias por leer!
Espero te haya aportado este artículo para seguir creciendo como Frontend Developer en este 2024. En mi caso estaré atento al avance de la View Transitions API. 🙌