gistfile1.js

    var styles = new Stylesheet({
      'loading': {
        position: 'absolute',
        top: 0,
        right: 0,
        bottom: 0,
        left: 0,
        display: '-webkit-flex'
      },

      'bar': {
        display: 'inline-block',
        width: 8,
        backgroundColor: CSSConstants.colorTypeLight,
        margin: '0px 2px'
      },
      'bar__one': {
        height: 8
      },
      'bar__two': {
        height: 16
      },
      'bar__three': {
        height: 24
      }
    });

    return (
      <div style={styles.loading}>
        <div style={{margin: 'auto'}}>
          <div style={styles.merge('bar', 'bar__one')} ref='bar-one'></div>
          <div style={styles.merge('bar', 'bar__two')} ref='bar-two'></div>
          <div style={styles.merge('bar', 'bar__three')} ref='bar-three'></div>
        </div>
      </div>
    );