React Animation prototyping

gistfile1.js

/**
 * @jsx React.DOM
 */
'use strict';

var React           = require('react');
var ReactAnimation  = require('react-animation');
var Animation       = ReactAnimation.Animation;

class Foo extends React.Component {

  constructor() {
    this.animations = {
      fooBarAnimation: Animation.create({
        '0ms': {
          blockA: {
            left: 0,
            top: 0,
            width: 0
          },
          blockB: {
            left: 0,
            top: 0
          }
        },
        '100ms': {
          blockA: {
            easing: 'easeInQuad'
            left: 200
          }
        }
      })
    };
  }

  render() {
    var fooBarAnimationValues = this.animations.fooBarAnimation.values(this);
    return <div>
      <div className="simple1" style={fooBarAnimationValues.blockA} ref="foo">
      </div>
      <div className="simple2" style={fooBarAnimationValues.blockB}>
      </div>
    </div>;
  }

  componentDidUpdate() {
    if (this.animations.fooBarAnimation.isPlaying) {
      var self = this;
      requestAnimationFrame(function(){
        self.forceUpdate();
      });
    }
  }

  componentDidMount() {
    this.animations.fooBarAnimation.play(this);
  }

}

React.render(<Foo />, document.getElementById('app'));