tol-is

import { useRef } from 'react'

export type UseTimerProps = {
  duration: number
  onFrame: (percent: number) => void
  onComplete: () => void
}

export const useTimer = (props: UseTimerProps) => {
  const { duration: propsDuration, onFrame, onComplete } = props

tol-is

import React, { useRef, useState } from "react";
import { useScrollPosition } from "./use-scroll-position";
import { normalize } from "./normalize";

import "./styles.css";

export default function App() {
  const percentRef = useRef<HTMLDivElement>(null);

  const p1Ref = useRef<HTMLParagraphElement>(null);

tol-is

# Turn on Notifications
do shell script "defaults -currentHost write com.apple.notificationcenterui doNotDisturb -bool FALSE; defaults -currentHost delete com.apple.notificationcenterui doNotDisturbDate; osascript -e 'quit application \"NotificationCenter\" ' && killall usernoted" -- this set  'Do not disturb' to false in the pref

# Show Desktop
do shell script "defaults write com.apple.finder CreateDesktop -bool true; killall Finder"

# Show all windows
tell application "System Events"
	set visible of (every process) to true
end tell

tol-is

    504 L T
    499 L V
    495 L Y
    493 T A
    491 P comma
    490 T a
    489 V A
    489 T period
    489 A V
    488 Y o

tol-is

You may want to employ the Parcel backed boilerplate that implements the solution described below.

• Targets
• Pre-requisites
• Solution
• Enjoy

Targets

tol-is

const getToc = (source: string) =>
  source
    .split("\n")
    .map((line) => {
      const matches = line.match(/^#+[\s]+/);

      return matches
        ? {
            level: matches[0].trim().length,
            heading: line.replace(matches[0], "").trim(),

tol-is

Give us an example of a product you really admire and explain why you think it has been designed well

Describe what signals to you that an organisation is set up to do design/engineering well?

Describe a time when you have worked in a great product engineering team. What made it great?

Share one item of your best work

Tell us what makes this work great

tol-is

assert() (sometimes called invariant())

Instead of checks like:

if (value === null) {
  throw new Error("missing value")
}
doSomethingThatNeedsValue(value)

tol-is

/*
 * Test supported OpenType features in a font
 * (see opentype_features_for_cjk Cookbook topic for CJK features)
 *
 * Demonstrate supported typographic OpenType features after checking
 * whether a particular feature is supported in a font. Only those features
 * will be shown which are
 * a) available in the font
 * b) are supported by PDFlib's "features" option
 * c) are not used automatically for shaping and layout features

tol-is

export const carbonScale = (params = {}) => {
  const {
    length = 20,
    minSize = 10,
    intervals = 4,
    increment = 2,
    transform = v => v
  } = params;

  const getSize = count => {