Vite es una alternativa mejorada a la herramienta Create React app.

Con Vite también podemos trabajar con otros frameworks como Vue o lenguajes como Typescript por lo que a continuación tendremos que especificar qué tecnologías utilizaremos.

Crear nuevo proyecto

Desde nuestra Terminal ejecutaremos el siguiente comando para crear un nuevo proyecto con Vite.

npm create vite

Escribimos un nombre para nuestro proyecto y le damos a intro.

A continuación nos moveremos con las flechas del teclado para escoger la opción de React como framework con el que trabajaremos y presionamos intro.

Escogemos JavaScript como lenguaje de desarrollo y al presionar intro ya tendremos creado nuestro nuevo proyecto.

Accedemos al directorio del proyecto.

cd vite-project

Instalamos las dependencias.

npm install

Y hacemos correr la aplicación.

npm run dev

Vite nos indica el host y el puerto donde está ejecutandose nuestra aplicación.

Accedemos desde el navegador presionando CTRL+clic (WIN) o COMMAND+clic (MAC) sobre el enlace.

Cada vez que retomo alguna tecnología me encuentro con actualizaciones, lo que no tiene por qué ser algo malo pero, muchas de las cuales traen consigo incompatibilidades 😵

¡Es lo mágico de esta profesión! 🫶 Te vas de viaje una temporada a la prehistoria y a tu regreso te das cuenta de que ya te has quedado desfasado.

En esta ocasión me ha pasado con React. La terminal me ha devuelto éste error:

You are running `create-react-app` 5.0.0, which is behind the latest release (5.0.1).

La instalación global de Create React App ya no es compatible con React por lo que es necesario eliminarla.

Con NPM

npm uninstall -g create-react-app

o con YARN

yarn global remove create-react-app

Limpiar la caché 🧹

npx clear-npx-cache

Y con esto ya podemos continuar creando nuestra nueva aplicación con React ✌

npx create-react-app your-app-name