Crear un proyecto en React

En este post vamos a ver cómo crear un proyecto utilizando React, que es una biblioteca de Javascript de código abierto diseñada para construir interfaces de usuario(UI) de forma eficiente y dinámica.

La previa. 

Antes de empezar, se necesita tener instalado Node.js en el ordenador. Para validar si ya está instalado, abre la terminal y escribe lo siguiente:

node -v

npm -v

En caso de no tenerlo instalado en el ordenador se recomienda Node >=18, descargar e instala softwares siempre desde su página oficial. 

Crear el proyecto utilizando Vite.

Vite es una palabra en ingles que traducido al español significa "rápido", en programación es una herramienta de construcción(build tool) la cuál fue diseñada para proporcionar una experiencia de desarrollo extremadamente ágil para proyectos web modernos.

Vite automatiza la configuración inicial.

Abre la terminal en una carpeta donde quieras guardar el proyecto.

Ejecuta el siguiente comando. Cambia mi-app por el nombre real de tu proyecto.

npm create vite@latest mi-app -- --template React

Si prefieres utilizar TypeScript, utiliza --template react-ts

Instalando las dependencias.

Entra a la carpeta de tu proyecto. Desde la termina puedes utilizar el siguiente comando:

cd mi-app

Instala las dependencias necesarias.

npm install

Probando el proyecto en desarrollo.

Para ejecutar el proyecto en desarrollo utiliza el siguiente comando. 

npm run dev