Coding by composition

Outline

¿Qué es la composición?
1. Definición
2. Leyes
Herramientas para la composición
1. Point Free
2. Función traza
3. Currificación y aplicavión parcial

¿Qué es la composición?

const compose = (f, g) => x => f(g(x))

const compose = (f, g, h, i, j) => x => f(g(h(i(j(x)))))

¿Qué es la composición?

const orderByAge = sortBy(prop('age'));
const getOlderCat = last,
const getColor = prop('color')

const myCats = [
   {
   	name: 'Misis',
    color: 'white',
    age: 7
   }, {
   	name: 'Txomsko',
    color: 'black',
    age: 4
   }, {
   	name: 'Hermes',
    color: 'grey',
    age: 5
   }
]

white

¿Qué es la composición?

oderByAge

getOlderCat

getColor

¿Qué es la composición?

const myOrderedCats = sortBy(prop('age'), myCats);
const myOlderCat = last(myOrderedCats);
const myOlderCatColor = prop('color', myOlderCat);

const getMyOlderCatColor = x => prop('color',last(sortBy(prop('age'))))(x);

¿Qué es la composición?

const getMyOlderCatColor = compose(prop('color'), last, sortBy(prop('age')))

¿Qué es la composición?

Tuberías que definen el flujo de operaciones por los que pasan los datos para obtener el resultado que queremos
Definibles sin necesidad de tener los datos
La composición siempre genera funciones

Ley Asociativa

const composedF1 = (f, g, h) => compose(f, g, h);
const composedF2 = (f, g, h) => compose(f, compose(g, h));
const composedF3 = (f, g, h) => compose(compose(f, g), h);

composedF3 = composedF2 = composedF1

Ley Asociativa

const addFive = x => x + 5;
const addTwo = x => x + 2;
const addSeven = x => x + 7;

const composedF1 = compose(addSeven, addTwo, addFive);
// x => x + 14;
const composedAddFiveAndTwo = compose(addTwo, addFive);
// x => x + 7;
const composedF2 = compose(addSeven, composedAddFiveAndTwo);
// x => x + 14;
const composedAddTwoAndSeven = conpose(addSeven, addTwo);
// x => x + 9;
const composedF3 = compose(composedAddTwoAndSeven, addFive);
// x => x + 14;

oderByAge

getOlderCat

getColor

Ley Asociativa

oderByAge

getOlderCat

getColor

Ley Asociativa

oderByAge

getOlderCat

getColor

Ley Asociativa

La propiedad asociativa nos permite flexibilidad y equivalencia
Las funciones pueden ser agupadas en el orden que más nos convenga obteniendo resultados equivalentes por cualquiera de los caminos

Herramientas

Point Free

const getMyCatCapitalName = cat => cat.name.toUppperCase();

const getCapitalName = compose(toUpperCase, prop('name'));

Point Free

Las funciones nunca mencionan los datos sobre los que operan
Eliminamos código innecesario
Nos mantenemos genéricos y concisos

Algunas veces puede ofuscar el código

Función traza

const trace = curry((tag, x) => {
    console.log(tag, x);
    return x;
})

Es una función impura
Nos ayuda a depurar nuestro código
No interfiere en el flujo de datos

oderByAge

getOlderCat

getColor

Función traza

trace('oldest cat')

{
   name: 'misis',
   age: 7,
   color: 'white'
}

Currificación y aplicación parcial

La currificación y aplicación parcial nos permiten preparar cada función para coger su "data" operar sobre él y pasarlo al siguiente eslabón

Currificación y aplicación parcial

const prop = curry((prop, obj) => obj[prop]);

const getColor = prop('color')

Conclusiones

La composición conecta nuestras funciones como una serie de tuberías, por las que fluyen los datos para construir nuestra aplicación.

La composición como principio de diseño de la aplicación mantiene nuestra aplicación simple y razonable.