With.JSX.jsx

With JSX
Ok, so this is not properly ES6, but you can use some ES6 features like property value shorthand very conveniently with JSX spread/rest syntax.

function WhySoManyProps(props) {
  const user = extractUser(props);
  const fudge = calculateFudge();
  const bits = computeBits();
  
  // This is soooooo redundant.
  return <SomeComponent user={user} fudge={fudge} bits={bits} />;
}

function Shorthand(props) {
  const user = extractUser(props);
  const fudge = calculateFudge();
  const bits = computeBits();
  
  // spread all the new props which have the exact same name as the props
  // for the child component using ES6 syntax.
  return <SomeComponent {...{ user, fudge, bits }} />;
}

//from https://engineering.haus.com/dumb-es6-tricks-53ecadd1b29f#.l4f8xif5b