leodutra

import { MutableRefObject, useEffect, useRef, useState } from 'react'

export const useIntersection = (
  ref: MutableRefObject<Element | null>,
  options?: IntersectionObserverInit | null,
  once = false
): boolean => {
  const [isIntersecting, setIsIntersecting] = useState(false)
  const observerRef = useRef<IntersectionObserver | null>(null)
  const optionsRef = useRef<typeof options>()

leodutra

Performance Patterns

Definitions:

Express Train

For some tasks, create an alternate path that does only the minimal required work (e.g., for data fetches requiring maximum performance, create multiple DAOs — some enriched, some impoverished)

Hard Sequence

Enforce sequential completion of high-priority tasks, even if multiple threads are available (e.g., chain Ajax calls enabling optional interactions only after minimal page load, even if later calls do not physically depend on earlier returns)

leodutra

#!/bin/sh

# sudo add-apt-repository ppa:eh5/pulseaudio-a2dp (NOT NEEDED ANYMORE)

sudo apt update
sudo apt install libldac \
                 libavcodec-extra58 \
                 pulseaudio \
                 pulseaudio-module-bluetooth \
                 blueman

leodutra

Array.from({ length: 130 }, (_, i) => (i + 2) * 5000).reverse()

leodutra

const formatPrice = ({
  price,
  fraction = 2,
  currency = 'USD',
  currencyDisplay = 'symbol', // 'narrowSymbol' is not supported by Safari yet
  locale = 'en-US',
  signDisplay = 'auto',
  ...props
}) => {
  if (isNaN(Number(price))) {

leodutra

  74925 NONE
  54706 MIT
   9268 ISC
   3050 BSD
   1521 BSD-2-CLAUSE
    791 APACHE-2.0
    699 APACHE 2.0
    392 BSD-3-CLAUSE
    364 WTFPL
    346 UNKNOWN

leodutra

git clean -xfd
git submodule foreach --recursive git clean -xfd
git reset --hard
git submodule foreach --recursive git reset --hard
git submodule update --init --recursive

leodutra

{
  "editor.tabSize": 4,
  "[javascript]": {
    "editor.tabSize": 2,
    "editor.defaultFormatter": "esbenp.prettier-vscode"
  },
  "[javascriptreact]": {
    "editor.tabSize": 2,
    "editor.defaultFormatter": "esbenp.prettier-vscode"
  },

leodutra

const replaceStrByRender = (
  str: string,
  substr: string | RegExp,
  render: (part: string, i: number) => JSX.Element
) => {
  if (!str || !substr) return str
  const parts = str.split(substr)
  const results: Array<string | JSX.Element | null> = []
  let index = 0
  for (let i = 0; i < parts.length; i++) {

leodutra

"To include this, run `cat .gitlfstrack | xargs git lfs track`"
"*.3ds"
"*.3g2"
"*.3gp"
"*.7z"
"*.a"
"*.aac"
"*.adp"
"*.ai"
"*.aif"