Instalación y configuración de React

En este capítulo vamos a configurar nuestro entorno de desarrollo de React. Utilizaremos Create React App, la herramienta oficial recomendada por el equipo de React para iniciar un nuevo proyecto.

Requisitos previos

Antes de empezar, asegúrate de tener instalado:

1. Node.js (versión 14.0.0 o superior)
2. npm (normalmente se instala junto con Node.js)

Para comprobar tus instalaciones, abre una terminal y ejecuta:

node --version
npm --version

Creación de un nuevo proyecto React

La forma más sencilla de crear una nueva aplicación React es utilizar Create React App. Así es como se hace:

1. Abre una terminal y ejecuta el siguiente comando:

npx create-react-app mon-app-react

2. Una vez terminada la instalación, accede al directorio del proyecto:

cd mon-app-react

3. Inicia la aplicación en modo desarrollo:

npm start

Tu aplicación debería estar ahora accesible en la dirección http://localhost:3000.

Estructura del proyecto

Tras la creación, tu proyecto tendrá la siguiente estructura:

mon-app-react/
  ├── node_modules/
  ├── public/
  │   ├── favicon.ico
  │   ├── index.html
  │   └── manifest.json
  ├── src/
  │   ├── App.css
  │   ├── App.js
  │   ├── App.test.js
  │   ├── index.css
  │   ├── index.js
  │   ├── logo.svg
  │   └── reportWebVitals.js
  ├── package.json
  └── README.md