JavaScript de Cero a Experto / JS funcional

Reto: el motor de reportes puro

Reto35 min60 XP

El examen del estilo funcional: construir el motor de reportes de "Mi Bolsillo" como una biblioteca de estaciones puras y configurables que se COMBINAN en líneas de ensamble. Cuatro informes distintos, cero bucles, cero mutaciones, y el dato original tan intacto que lo vas a demostrar con código.

Reto

El motor de reportes puro

Media30 min60 XP(×2 sin mirar la solución)

Qué debes construir

Con estos datos de partida:

datos.js

const gastos = [
{ nombre: "Almuerzo", valor: 18000, categoria: "comida" },
{ nombre: "Bus", valor: 5800, categoria: "transporte" },
{ nombre: "Café", valor: 4500, categoria: "comida" },
{ nombre: "Cine", valor: 25000, categoria: "ocio" },
{ nombre: "Mercado", valor: 92000, categoria: "comida" },
{ nombre: "Taxi", valor: 15000, categoria: "transporte" },
];

Tu motor debe producir EXACTAMENTE esta salida:

terminal

Comida: $ 114.500

Caros (más de $ 20.000): $ 117.000

Transporte: $ 20.800

Todo el mes: $ 160.300

¿Original intacto? true

Requisitos:

pipe(...fns) implementado por ti, con reduce — las tres líneas de la lección 4, escritas de memoria.
Fábricas de criterios curry: porCategoria(categoria) y mayoresA(limite) — devuelven funciones (gasto) => boolean.
Estaciones puras: filtrar(criterio) (curry: configuración → lista), totalizar (lista → número, con reduce), enCOP (número → string es-CO sin decimales) y etiquetar(titulo) (curry: produce "titulo: texto").
Cuatro reportes POR COMBINACIÓN de esas piezas con pipe — nota que el de "Todo el mes" no lleva estación de filtro (las líneas pueden tener largos distintos).
La prueba de inmutabilidad: fotografía el original ANTES (JSON.stringify) y compara DESPUÉS de correr los cuatro reportes — imprime ¿Original intacto? true.

Reglas

Cero for/while, cero push/splice/sort: solo métodos que producen (filter, map, reduce, toSorted).
Toda función del motor es PURA: nada de variables externas mutables, el console.log solo en el script final.
Cada reporte es UNA expresión pipe(...) — si escribes lógica suelta entre estaciones, va contra el espíritu.
La plata la formatea toLocaleString/Intl, nunca a mano.

30:00

Cuando estés listo, arranca el reloj.

Las tres decisiones que hacen elegante este motor:

Estaciones mínimas, reportes por combinación. Ninguna función sabe qué es un "reporte de comida": filtrar filtra, totalizar suma, etiquetar decora. Los reportes EXISTEN solo como combinaciones — por eso agregar el quinto informe mañana es una línea, no una función nueva.
Configuración primero, dato después. Todas las piezas curry siguen la regla de la lección 5, y por eso parcializan natural: filtrar(porCategoria("comida")) es una estación lista sin haber visto jamás una lista.
La pureza se DEMUESTRA, no se promete. La fotografía con JSON.stringify convierte "mis funciones no mutan" en un hecho verificado por el propio script — el hábito de comprobar en frío que te acompañará hasta los tests del módulo 16.

Autoevaluación: ¿tu salida coincide línea a línea (114.500 / 117.000 / 20.800 / 160.300 / true)? ¿cada reporte es UNA expresión pipe y ninguna estación repite lógica de otra? ¿podrías agregar "Reporte de ocio" en una sola línea, ahora mismo, sin tocar nada existente? ¿y la foto dio true a la primera? Si todo es sí, ya escribes el estilo que hace famosas a las codebases limpias: piezas pequeñas y puras, combinadas — no código grande y enredado, parchado.

Qué sigue

Doce módulos: ya hablas los dos idiomas — objetos que encapsulan (módulo 11) y funciones que componen (módulo 12). El módulo 13 los pone a trabajar juntos en la arquitectura real: módulos ESM, singleton, factory y la joya de la corona — el patrón OBSERVER construido desde cero, la base para entender RxJS, los signals de Angular y medio ecosistema moderno.