React

Biblioteca de JavaScript para construir interfaces de usuario.

• Web oficial

• Arquitectura basada en componentes
• Gran comunidad de desarrolladores
• Declarativo

Para el desarrollo con React es necesario:

• Navegador web
• Editor de código
• Motor de ejecución de JavaScript como Node.js

Si usamos Visual Studio Code como editor de código, son interesantes las siguientes extensiones:

• Prettier - Code formatter

Creamos un proyecto React desde la línea de comandos:

npx create-react-app <NOMBRE_PROYECTO>

Esto descargará todo lo necesario para comenzar a desarrollar una aplicación con React.

Si vamos al directorio recién creado y ejecutamos:

npm start

Se abrirá el navegador web en http://localhost:3000 con la aplicación React en ejecución.

Tras crear la estructura mediante npx create-react-app, veremos unos cuantos ficheros interesantes:

• package.json: dependencias y scripts necesarios para el proyecto
• node_modules/: lugar de instalación de todas las dependencias (cuando hacemos npm install o npx create-react-app)
• public/: contiene el único fichero HTML que tendrá nuestra aplicación (index.html). React construye aplicaciones de una sola página (single page web). Rara vez tendremos que tocar este fichero.
• src/:
  • index.js: punto de partida de una aplicación React.
  • App.js