React Component Lifecycle

import React, {Component} from 'react';

class Test extends Component {
  constructor(props) {
    super(props);
    
    this.state = {
      posts: {}
    }
  }
  
  componentDidMount() {
    console.log('Make an API call!');
  }
  
  componentDidUpdate(prevProps) {
    if(this.props.featured !== prevProps.featured) {
      console.log('Looks like props changed');
    }
  }
  
  componentWillUnmount() {
    console.log('Close API call connection');
  }
  
  render() {
    const { posts } = this.state;
    const { author, time, featured } = this.props;
    
    const featuredCls = featured ? 'featured' : '';
    
    return(
      <div className={featuredCls}>
        <time>{time}</time>
        <span>{author}</span>
      </div>
    );
  }
}