Construye Aplicaciones más Rápidas con React y Vite

Vite es una herramienta de desarrollo para aplicaciones web, especialmente diseñada para acelerar el desarrollo frontend. Fue creada por Evan You, el mismo desarrollador detrás de Vue.js, aunque Vite no está limitada a Vue.js y se puede utilizar con otras bibliotecas y marcos, incluyendo React.

Iniciando tu Aplicación con React y Vite

Iniciar una aplicación con React y Vite es un proceso sencillo y rápido. Sigue estos pasos para poner en marcha tu proyecto:

Preparando tu Entorno

Antes de comenzar, asegúrate de tener Node.js instalado en tu sistema. Puedes usar el siguiente comando.

node -v

Crear un Proyecto

Para crear un nuevo proyecto React con Vite, utiliza la línea de comandos. Abre tu terminal y ejecuta el siguiente comando:

# npm 6.x
npm create vite@latest my-react-app --template react

# npm 7+, extra double-dash is needed:
npm create vite@latest my-react-app -- --template react

# Para crear el proyecto en la carpeta actual, ejecuta:
npm create vite@latest . -- --template react

Reemplaza "my-react-app" con el nombre que desees para tu proyecto.

Navegar al Directorio del Proyecto

Una vez que el proceso de creación haya finalizado, cambia al directorio de tu proyecto:

cd my-vite-react-app

Iniciar el Servidor de Desarrollo

Ahora, puedes iniciar el servidor de desarrollo ejecutando el siguiente comando:

npm run dev

Comenzar a Codificar

¡Listo! Ahora puedes empezar a codificar tu aplicación React con Vite. Los cambios que realices se reflejarán en tiempo real en tu navegador gracias a la recarga en caliente (HMR) proporcionada por Vite.