Really sweet way of structuring property naming

React Props destrcutre .js

import React, {Component, PropTypes} from 'react';


export default class GalleryItem extends Component {

  static propTypes = {
    src: PropTypes.string,
  }
  render() {
    return (
      <img {...this.props} />
    );
  }
}

// Another version

export default function GalleryItem({
  src,
  height,
  width,
}) {
  return (
    <img {...arguments[0]} />
  );
}
GalleryItem.propTypes = {
  src: PropTypes.string.isRequired,
  height: PropTypes.number,
  width: PropTypes.number,
};


// or super shorthand, you loose proptypes validation...

export const GalleryItem = (props) => <img {...this.props} />