react-transform.jsx

import React from 'react';

// Composes any number of props transforms and applies them in a HOC.
const transform = (...transforms) =>
  WrappedComponent =>
    props =>
      <WrappedComponent {...transforms.reduce((ps, t) => t(ps), props)} />;

// Example reusable transforms.
const addClass = className => props => ({ ...props, className });
const addStyle = styleFn => props => ({ ...props, style: { ...props.style, ...styleFn(props) }});

// "Higher order component factory"
const linkify = transform(
  addClass('Link'),
  addStyle(props => ({ color: props.disabled ? 'gray' : 'blue' })),
  props => ({ ...props, href: '/foo' })
);

const Link = linkify('a');

Is there any established term for this kind of function? transform is very generic. compose is not exactly right, the function composition is just the part that happens in transforms.reduce.

See Recompose's mapProps

const linkify = mapProps(compose(
  addClass('Link'),
  addStyle(props => ({ color: props.disabled ? 'gray' : 'blue' })),
  props => ({ ...props, href: '/foo' })
));

const Link = linkify('a');

In other words, your transform function is the same as:

const transform = (...transforms) => mapProps(compose(...transforms))
// or (interestingly)
const transform = compose(mapProps, compose)