Violet-Bora-Lee

const testFunction = () => 'hello there.';
testFunction(); 

Violet-Bora-Lee

const HelloWorld = (props) => {
  return <h1>{props.hello}</h1>;
}

Violet-Bora-Lee

class HelloWorld extends Component {
  render() {
    return (
      <h1>{props.hello}</h1>;
    );
  }
}

Violet-Bora-Lee

const developer = {
  firstName: 'Nathan',
  lastName: 'Sebhastian',
  developer: true,
  age: 25,
}

//destructure developer object
const { firstName, lastName } = developer;
console.log(firstName); // returns 'Nathan'

Violet-Bora-Lee

const { firstName:name } = developer;
console.log(name); // returns 'Nathan'

Violet-Bora-Lee

const numbers = [1,2,3,4,5];
const [one, two] = numbers; // one = 1, two = 2

Violet-Bora-Lee

const [one, two, , four] = numbers; // one = 1, two = 2, four = 4

Violet-Bora-Lee

const users = [
  { name: 'Nathan', age: 25 },
  { name: 'Jack', age: 30 },
  { name: 'Joe', age: 28 },
];

Violet-Bora-Lee

import React, { Component } from 'react';

class App extends Component {
  // class content
  render(){
    const users = [
      { name: 'Nathan', age: 25 },
      { name: 'Jack', age: 30 },
      { name: 'Joe', age: 28 },
    ];

Violet-Bora-Lee

<ul>
  {users
    .filter(user => user.age > 26)
    .map(user => <li>{user.name}</li>)
  }
</ul>