title: Is there a Babel transformer for applying JSX attributes in a shorthand way?
body: <p>In my code, I had a lot of components which looks like</p>
  
  <pre><code>function AddressInput(props) {
   const { error, value, onChange, hints } = props;
   return (
     &lt;CustomInput  error={error}  onChange={onChange}  value={value} hints={hints} /&gt;
   );
  }
  </code></pre>
  
  <p>I don't want to use <code>&lt;CustomInput ...props&gt;</code> notation because the first variant allows to filter props for widely used components. 
  What I want, it's to pass component props in a shorter way, maybe like:</p>
  
  <pre><code>const { error, value, onChange, hints } = props;
  &lt;CustomInput :error :onChange :value :hints /&gt;
  </code></pre>
  
  <p>Is there any babel transformers which can provide such ability?</p>