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:

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.

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

  1. Primero debemos pasarle el nombre del proyecto
  2. Una vez que le pasamos el nombre debemos indicarle con que framework vamos a trabajar

Captura de Pantalla 2023-06-19 a la(s) 17.20.57.png

Nosotros claramente vamos a trabajar con React.

  1. 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

Captura de Pantalla 2023-06-19 a la(s) 17.21.54.png

  1. Con esto ya esta instalado. Pero para que sea funcional necesitamos seguir los comandos que dice la consola: