ES6 Classes, Fonctions an Destruct synthax

classes.js

class Screen extends Component {
  constructor(props) {
    super(props)
    this.state = { logginState: 'logged-out'}
  }
  
  render() {
    
  }
  
}

destruct.js

// const firstName = this.props.firstName
// const lastName = this.props.lastName
// const onClick= this.props.onClick

const { firstName, lastName, onClick} = this.props

const person = {
  firstName: 'John',
  lastName: 'Smith',
  
  set fullName(fullName) {
//   const names = fullName.split(' ')
//   this.firstName = names[0]
//   this.lastName = names[1]
    [this.firstName, this.lastName] = fullname.split(' ')
  }
}

functions.js

const adults = []
const minors = []

people.forEach((person) => {
  if (person.age >= 18) {
    adults.push(person)
  } else {
  minors.push(person)
  }
})

people.map((person) => person.firstName)