Da una responsabilidad a cada archivo

La idea clave

Separar responsabilidades evita archivos enormes. Una parte guarda datos, otra calcula resultados y otra se encarga de mostrarlos. No hay que crear muchos archivos: solo los que aclaren el trabajo.

Ejemplo paso a paso

Este ejemplo muestra la idea en acción. Sigue los pasos y después cámbialo tú.

// datos.js
export const precio = 8;

// calculos.js
export const total = numero => numero * 2;

// app.js
import { precio } from './datos.js';
import { total } from './calculos.js';
console.log(total(precio));

1. datos.js contiene la información de partida.
2. calculos.js define una operación reutilizable.
3. app.js reúne lo necesario y muestra 16.

Practica con código

Antes de empezar, piensa: ¿Qué archivo habría que editar si cambia el precio?

Descarga la miniaplicación y cambia precio de 8 a 10 sin modificar el cálculo.