classComponents.js

// class component with destructuring
class UserSection extends React.Component {
  render(){
    const { user, isActive } = this.props;
    return(
      <div>
        <p>{user.name}</p> <span>{isActive ? 'active' : 'offline'}</span>
      </div>
    )
  }
}

// class component without destructuring
class UserSection extends React.Component {
  render(){
    return(
      <div>
        <p>{this.props.user.name}</p> <span>{this.props.isActive ? 'active' : 'offline'}</span>
      </div>
    )
  }
}