¿Qué es ViteJS?

A medida que el tiempo pasa, nacen nuevas tecnologías que nos ayudan a optimizar ciertos procesos de desarrollo, e incluso, nacen otras que cambian todos los paradigmas del desarrrollo web.

Al momento en que estoy escribiendo este artículo, está siendo publicada la versión 2.9.10 de esta increíble tecnología, pero sin más choros, te cuento que es y para que nos puede ayudar.

¿Qué es ViteJS?

ViteJS es una herramienta de compilación creada por Evan You (creador de VueJS, uno de los frameworks frontend más famosos) que nos ayudará a crear aplicaciones frontend  y tener a nuestra disposición una serie de herramientas para desarrrollar nuestras aplicaciones web.

Sin embargo, ViteJS es un poco más que un servidor de compilación para distintos frameworks, consta de las siguientes características:

• Un servidor de desarrollo que proporciona amplias mejoras de características sobre los módulos ES nativos, por ejemplo, Hot Module Replacement (HMR) extremadamente rápido.
• Un comando de compilación que agrupa su código con Rollup, preconfigurado para generar activos estáticos altamente optimizados para producción.

ViteJS nos proporciona ajustes prestablecidos para:

1. Vanilla
2. Vue
3. React
4. Preact
5. Lit
6. Svelte

Aunque puedes integrarlo en casi cualquier framework de JavaScript.

¿Para qué sirve ViteJS?

ViteJS nos ayudará a tener un servidor de compilación para nuestros frameworks frontend. Es decir, ViteJS tomará nuestro proyecto de cualquier framework (React, Vue, Svelte, etc) y lo compilará y empaquetará a módulos ESM nativos con el fin de optimizar nuestra aplicación para los navegadores web de hoy en día.

Actualmente hay muchísimas opciones para poder compilar y transpilar código JavaScript, sin embargo, te contaré un poco de contexto para que podamos entender porque ViteJS es una buena propuesta.

Antes que los módulos ES (ECMAScript) estuvieran disponibles en los navegadores, nosotros los desarrolladores web no teníamos un mecanismo totalmente nativo para hacer nuestras aplicaciones modulares, por eso, se crearon diferentes herramientas como webpack que rastrean, procesan y compilan nuestros proyectos y  los transpilan a módulos JS a través de un método llamado “concatenación”.

Sin embargo, a medida que el tiempo va pasando, los desarrollos de aplicaciones se han vuelto cada vez más grandes y complejos, lo que se traduce en archivos o módulos muy pesados por lo tanto, nuestras aplicaciones se vuelven cada vez más lentas y difíciles de procesar en navegadores de baja gama.

¿Por qué utilizar ViteJS?

Una de las cosas por las cuales utilizar ViteJS podría ser un buen punto para tus proyectos es tener aplicaciones modernas altamente optimizadas.

Otra de las cosas por la cual podría ser beneficioso para tus proyectos, es la compatibilidad para TypeScript, ViteJS es una herramienta que se puede utilizar con o sin TypeScript sin ningún problema.

La tercera ventaja que encuentro en ViteJS es que puedes compilar casi cualquier framework de JavaScript, por lo cual, puedes simplificar y unificar los métodos de compilación para todos tus proyectos, ahorrando un tiempo considerable en temas de mantenimiento de tu aplicación.

Si te ha gustado este artículo o quieres saber más sobre esta tecnología puedes hacérmelo saber a través de los comentarios, me encantará poder seguir platicando sobre nuevas tecnologías.