if, else, return & natural language

arrow-function.js

/**
 * Can be read like a natural language from top to bottom :
 * "the function withTodosNull returns a function. If todos is null,
 * this function return null, else, it return Component
 */
function withTodosNull(Component) {
  return function (props) {
    if (!props.todos) {
      return null
    }
    else {
      return <Component { ...props } />
    }
  }
}

/**
 * shorter but far from natural language
 */
const withTodosNull = (Component) => (props) =>
  !props.todos
    ? null
    : <Component { ...props } />