Instalación de React

Para poder trabajar con React es necesario tener instalado Node.js en tu computadora, si no lo tienes instalado, puedes descargarlo desde la página oficial. Una vez que tengas Node.js instalado, puedes proceder a instalar React en tu computadora.

Nota del escritor: Dado que el paso mas comun es instalar Node.js, muchas veces se trabajara en proyectos de legado, o incluso nos veamos en la necesidad de estar constatemente cambiando de versiones de Node (Sabemos que no es lo ideal, pero se intenta controlar este aspecto), para evitar inconvenientes, se recomienda instalar nvm para poder cambiar de version de Node.js de forma sencilla. Puedes instalar nvm desde la página oficial

Crear un proyecto de React

Aunque lo mas habitual es utilizar create-react-app para crear un proyecto de React, en el equipo de desarrollo se recomienda ampliamente gestionar la instalacion de React en proyectos nuevos utilizando vite. Para instalar React con vite siga los siguientes pasos:

Abre tu terminal y ejecuta el siguiente comando para instalar vite de forma global en tu computadora:

npm create vite@latest

Una vez que vite se haya instalado, tendra que elegir un nombre para su proyecto, en este caso, vamos a elegir my-react-app.
Una vez que haya elegido el nombre de su proyecto, aparecera vrias opciones a elegir en la terminal, seleccione react para instalar React en su proyecto.
Despues se le va a solicitar elegir una variante de React, puede elegir la que mas le convenga, pero se recomienda elegir React con TypeScript + SWC para futuros proyectos.
Una vez que haya elegido la variante de React, haga cd my-react-app para entrar en el directorio de su proyecto.
Por ultimo, ejecute el siguiente comando para iniciar su proyecto:

npm install

Una vez que haya instalado todas las dependencias, ejecute el siguiente comando para iniciar su proyecto:

npm run dev