Instalación del Framework React

Para instalar el framework necesitarás NodeJS 22+ en tu computadora. Para crear un proyecto en la línea de comandos ejecuta el siguiente comando:

npm create vite@latest my-app -- --template react

Y luego ejecuta los siguientes comandos:

cd my-app
npm install
npm run dev

Después de esto tendrás una carpeta my-app, que contiene el framework. Encuentra en esta carpeta la carpeta src - esta será tu carpeta de trabajo, en la que desarrollarás tu proyecto.

En la carpeta src encuentra el archivo App.js. En las próximas lecciones este archivo será tu principal archivo de trabajo. En él escribirás código, observando sus resultados en la ventana del navegador.

Abre este archivo en el editor y elimina todo lo innecesario, llevándolo a la siguiente forma:

import React from 'react';

function App() {
	return <div>
		text
	</div>;
}

export default App;

Después de que tu proyecto esté instalado, para el siguiente inicio (por ejemplo, después de reiniciar la computadora) solo necesitarás ir a través de la terminal a la carpeta my-app y ejecutar el siguiente comando:

npm run dev