Animating the Unanimatable

atu_2.jsx

class ArticleList extends Component {
  componentWillReceiveProps() {
    this.props.children.forEach( child => {
      // Find the ref for this specific child.
      const ref = this.refs[child.key]
      
      // Look up the DOM node
      const domNode = ReactDOM.findDOMNode( ref );
      
      // Calculate the bounding box
      const boundingBox = domNode.getBoundingClientRect();
      
      // Store that box in the state, by its key.
      this.setState({
        [child.key]: boundingBox
      });
    });
  }

}