function App() {
  // Traditional function
  function double(n) {
    return n * 2;
  }

  // Arrow function, block body
  const doubleArrow = (n) => {
    return n * 2;
  };

  // Arrow function, implicit return
  const doubleShort = (n) => n * 2;

  // Single parameter, parens optional
  const square = n => n * n;

  // No parameters
  const getRandom = () => Math.random();

  // Returning an object literal needs parentheses
  const makePoint = (x, y) => ({ x, y });

  console.log(
    double(4),
    doubleArrow(4),
    doubleShort(4),
    square(4),
    getRandom(),
    makePoint(1, 2)
  );

  return (
    <div>
      <p>double(4) = {double(4)}</p>
      <p>doubleArrow(4) = {doubleArrow(4)}</p>
      <p>doubleShort(4) = {doubleShort(4)}</p>
      <p>square(4) = {square(4)}</p>
      <p>makePoint(1, 2) = {JSON.stringify(makePoint(1, 2))}</p>
    </div>
  );
}

export default App;