Recompose examples

components.js

const Buttons = branch(
  props => props.loading,
  withProps({ label: 'LOADING...', isDisabled: true }),
  withProps({ id: 'signIn', label: 'SIGN IN', type: 'submit' })
)(SignInButton);

const Buttons = ({ loading }) =>
  loading ? (
    <SignInButton label="LOADING..." isDisabled={true} />
  ) : (
    <SignInButton id="signIn" label="SIGN IN" type="submit" />
  );