Neo42

// Prop Collections and Getters

// merge all passed functions into one
const mergeFn =
  (...fns) =>
  (...args) =>
    fns.forEach(fn => fn?.(...args))

function useToggle() {
  const [on, setOn] = React.useState(false)

Neo42

// Control Props

import * as React from 'react'
import warning from 'warning'
import {Switch} from '../switch'

const mergeAll =
  (...fns) =>
  (...args) =>
    fns.forEach(fn => fn?.(...args))

Neo42

function getFirstItem<Type>(list: Type[]): Type {
  return list[0]
}

const item = getFirstItem([1])
const item2 = getFirstItem([''])
const item3 = getFirstItem([new Object()])

type Tree<Type> = {
  value: Type

Neo42

interface Fruit {
  readonly name?: string
  readonly color?: string
  readonly sweetness?: number
}

type Properties<Type> = keyof Type
type Values<Type> = Type[Properties<Type>]

type FruitProperties = Properties<Fruit>

Neo42

type AppleLiteral = 'Apple'

let appleName: AppleLiteral = 'Apple'

type LiteralIsStringType<Type> = Type extends string
  ? string
  : Type extends number
  ? number
  : Type extends boolean
  ? boolean

Neo42

// Context Module Functions

import * as React from 'react'
import {dequal} from 'dequal'

import * as userClient from '../user-client'
import {useAuth} from '../auth-context'

const UserContext = React.createContext()
UserContext.displayName = 'UserContext'

Neo42

class OrderManager {
  orders = new Set()

  execute(command, ...args) {
    return command.run(this.orders, ...args)
  }
}

class Command {
  constructor(steps) {

Neo42

const states = {
  PENDING: 'PENDING',
  FULFILLED: 'FULFILLED',
  REJECTED: 'REJECTED',
}

const isThenable = (thing) => thing && typeof thing.then === 'function'

class MyPromise {
  _state = states.PENDING

Neo42

/******/ function __webpack_require__(moduleId) {
  /******/ // Check if module is in cache
  /******/ var cachedModule = __webpack_module_cache__[moduleId]
  /******/ if (cachedModule !== undefined) {
    /******/ return cachedModule.exports
    /******/
  }
  /******/ // Create a new module (and put it into the cache)
  /******/ var module = (__webpack_module_cache__[moduleId] = {
    /******/ // no module.id needed

Neo42

1. Heavy library but not needed initially (threejs)
2. Temporal components (that come and go or are conditionally loaded): tooltips, model, notification, dialog, page scrolling
3. Routes