Concept for a React Component displaying an CSS Animation to indicate its contents has been updated.

FooBar.jsx

import React from 'react';
import PropTypes from 'prop-types';

const ANIMATION_DURATION = 750; // for example

class FooBar extends React.Component {
  static propTypes = {
    lastUpdated: PropTypes.string,
  };

  static defaultProps = {
    lastUpdated: Date.now(),
  };

  state = {
    shouldAnimate: false,
  };

  componentWillReceiveProps(nextProps) {
    if (nextProps.lastUpdated !== this.props.lastUpdate) {
      this.animate();
    }
  }

  animate() {
    this.setState({ shouldAnimate: true });
    setTimeout(() => this.setState({ shouldAnimate: false }), ANIMATION_DURATION);
  }

  render() {
    const className = this.state.shouldAnimate ? 'animate': null;
    
    return <div className={className}>Foo Bar</div>;
  }
}

export default FooBar;