Patrones de diseño en React

Problema: Patrones de diseño comunes están basados en clases.

React es funcional: se aprovecha de la composición de funciones.

A(x) = f(g(h(x.a)), j(x.b));

function A(x) {
	return (
		<f>
			<g>
				<h a={x.a} />
			</g>
			<j b={x.b} />
		</f>
	);
}

La composición no es aplicada solo en componentes retornados 👀

Pueden ver ReactPatters.js para más patrones.