Para poder empezar a trabajar con React necesitas instalar un empaquetador que ademas sirva para React. Lo mas conveniente es usar Vite. Pero para eso necesitamos tener instalado NPM, y para eso necesitamos tener instalado Node.Js. Es confuso, pero este seria el orden:
- Instalar Node.js (https://nodejs.org/es)
- Node.js viene con npm ya instalado, asique cuando instales node ya vas a tener instalado npm
- Para chequear que tengas todo instalado entra a la terminal y escribi node -v y npm -v, si esos comandos no dan error y muestran una version de programa, todo esta bien.
- Una vez que tenemos todo instalado ya podemos crear una carpeta donde crearemos nuestro proyecto.
Inicializar npm
Una vez que esta todo inicializado, iniciamos npm en la carpeta que necesitamos.
npm init -y
Este comando instalara npm en tu proyecto, creara un archivo llamado package.json con la informacion de este programa.
Instalar vite
Con npm ya instalado, ya podemos usar Vite. Para eso usamos el siguiente comando
npm create vite@latest
Vite tiene algunos pasos para instalarse
- Primero debemos pasarle el nombre del proyecto
- Una vez que le pasamos el nombre debemos indicarle con que framework vamos a trabajar
Nosotros claramente vamos a trabajar con React.
- Una vez que seleccionamos React nos va a preguntar si queremos trabajar con JavaScript o TypeScript. Ademas nos va a indicar si queremos instalarle un empaquetador como SWC. SIEMPRE es necesario instalarlo para despues trabajar con JSX (lo vas a ver mas adelente, tranqui). Nosotros en estos tutoriales vamos a trabajar con JavaScript asique seleccionamos la opcion JavaScript + SWC
- Con esto ya esta instalado. Pero para que sea funcional necesitamos seguir los comandos que dice la consola: