DoctorDerek

// By default, Set compares JS object references
const myObject = { hello: "🌞" }
const objectsArray = [myObject, myObject]
const objectsSet = new Set(objectsArray)
const uniqueObjectReferences = Array.from(objectsSet)
// Equivalent to: (using the spread operator)
// const uniqueObjectReferences = [...objectsSet]

console.log(objectsArray)
// Output: [ { hello: "🌞" }, { hello: "🌞" } ]

DoctorDerek

import React, { Component } from "react"

export default class EmojifyComponent extends Component {
  constructor(props) {
    super(props)
  }

  render({ name, emoji }) {
    return (
      <h1>

DoctorDerek

import React from "react"
const EmojifyComponent = ({ name, emoji }) => {
  return (
    <h1>
      {emoji} {name} {emoji}
    </h1>
  )
}
export default EmojifyComponent

DoctorDerek

import React, { Component } from "react"

export default class EmojifyComponent extends Component {
  constructor(props) {
    super(props)
  }

  render() {
    const { name, emoji } = this.props
    return (

DoctorDerek

import React from "react"
const EmojifyComponent = (props) => {
  return (
    <h1>
      {props.emoji} {props.name} {props.emoji}
    </h1>
  )
}
export default EmojifyComponent

DoctorDerek

import React from "react"
const EmojifyComponent = (props) => {
  const { name, emoji } = props
  return (
    <h1>
      {emoji} {name} {emoji}
    </h1>
  )
}
export default EmojifyComponent

DoctorDerek

const myObject = { hello: "👋" }
const { hello } = myObject
console.log(hello) // Output: 👋
myObject.hello === hello // true

DoctorDerek

const [name, setName] = useState("Stanny Staunton")
// useState returns an array with two elements

// Array destructuring is a briefer syntax for this code:
const arrayFromUseState = useState("Stanny Staunton")
const nameInState = arrayFromUseState[0]
const setNameInState = arrayFromUseState[1]
// The above code is equivalent to:
const [name2, setName2] = arrayFromUseState

DoctorDerek

<ChildComponent name="Stanny Staunton" email="stanDaMan@stan.com" />

DoctorDerek

const arrayToJoin2 = ["😄", "😄", "😄"]
// comma and a space
arrayToJoin2.join(", ")
// Output: "😄, 😄, 😄"