VITE: alternativa a create-react-app

 Introducción

Como programadores, y estudiantes, lo que más necesitamos es tiempo. Ojalá los días duraran 48 horas... En fin, cuando hablamos de edesarrollo web y de forma específica, de React, es común utilizar create-react-app para desarrollar, esto nos ahorra tiempo en configuración del module bundler y herramientas extra para poder enfocarnos en el código, sin embargo, esto puede tener problemas cuando querramos adaptarnos a proyectos más grandes. Para ello, hoy hablaremos de Vite

¿Qué es Vite?

Vite es una herramienta de construcción para el desarrollo web. Para velro de una forma más práctica, se trata de un module bundler cuyo principal enfoque es darnos una respuesta rápida y de buen rendimiento frente a producción y hosteo de tu proyecto.

¿Qué es un module bundler?

Conforme ampliamos nuestros proyectos, la cantidad de archivos que se necesitan se amplia, además, dependiendo de nuestro navegador debemos adaptar el código para que cualquiera pueda leerlo y así asegurar la compatibilidad y funcionalidad del mismo. Los module bundlers nos ayudarán con esta tarea al adaptar nuestro código a un archivo que tendrá el sitio optimizado y con todas nuestras features.

Este es el ejemplo de Webpack:

¿Por qué elegir Vite para crear proyectos de React?

El create-react-app es bastante asequible y rápido para enfocarnos en el código, pero mientras entramos a proyectos más grandes, create-react-app empieza a perder su eficiencia y construye nuestro proyecto de forma lenta. Vite, por otra parte, se encargará de optimizar los procesos para la producción del proyecto y para ser sencillo de usar como create-react-app. Esto se debe a que create-react-app utiliza Webpack y Babel para producir tu código: reparte el código, lo transpila con babel y luego lo sirve con el servidor web de Express.js. Todo este proceso es rápido en proyectos pequeños, pero cuando el código se empieza a alargar se vuelve más lento y dificultoso correr el código que estas creando.

Vite nos asegura una mejor calidad de performance, un tiempo de construcción y producción rápido y una extensa compatibilidad con plugins.