acorn1010

#!/usr/bin/env bash
set -e

# Creates webp / avif images for images that don't already exist and places them in the public folder
# This script can take a while to run

# Install deps
# sudo apt-get install -f webp ffmpeg opusenc

# MacOS deps

acorn1010

import {
  Dispatch,
  SetStateAction,
  useCallback,
  useEffect,
  useState,
} from 'react';

const isFunction = (fn: unknown): fn is Function => (typeof fn === 'function');

kyleshevlin

// One of my new favorite React Hook patternms is to create handler
// functions for a custom hook using `React.useMemo` instead of
// `React.useCallback`, like so:

function useBool(initialState = false) {
  const [state, setState] = React.useState(initialState)
  
  // Instead of individual React.useCallbacks gathered into an object
  // Let's memoize the whole object. Then, we can destructure the
  // methods we need in our consuming component.

unruthless

sub, sup {
  /* Specified in % so that the sup/sup is the
     right size relative to the surrounding text */
  font-size: 75%;

  /* Zero out the line-height so that it doesn't
     interfere with the positioning that follows */
  line-height: 0;

  /* Where the magic happens: makes all browsers position