evanrs

Debounce a state change with a sustain.

This is debounce with true|false passed to the callback.

In this example the value of scrolling will be true during the scroll event and for 250ms after.

import sustain from 'sustain';
let scrolling = false;

sustainScrolling = sustain(250, (state) => scrolling = state)

evanrs

  // Available variables:
  // - Machine
  // - interpret
  // - assign
  // - send
  // - sendParent
  // - spawn
  // - raise
  // - actions

evanrs

const todoMachine = Machine({
  id: "todo",
  initial: "reading",
  context: {
    id: undefined,
    title: "",
    prevTitle: "",
  },
  on: {
    TOGGLE_COMPLETE: {

evanrs

type ArityNone<T> = () => T;
type ArityOne<T, A> = (a?: A) => T;
type ArityTwo<T, A, B> = (a: A, b?: B) => T;
type ArityThree<T, A, B, C> = (a: A, b: B, c?: C) => T;
type ArityFour<T, A, B, C, D> = (a: A, b: B, c: C, d?: D) => T;

export function once<T>(resolver: ArityNone<T>): ArityNone<T>;
export function once<T, A>(resolver: ArityOne<T, A>): ArityOne<T, A>;
export function once<T, A, B>(resolver: ArityTwo<T, A, B>): ArityTwo<T, A, B>;
export function once<T, A, B, C>(resolver: ArityThree<T, A, B, C>): ArityThree<T, A, B, C>;

evanrs

import { map } from "lodash";

export type HTTPieOptions = {
  method: string;
  headers?: Record<string, string>;
  body?: string;
  data?: unknown[] | Record<string, unknown>;
};

export function toHTTPie(url: string, { method, ...options }: HTTPieOptions) {

evanrs

When it comes to memo'ization any option will be valid if it meets the following three criteria.

1. Will this work be closer to the root, or the leaf?

As we approach the leaves of the component tree the impact of memo'ization will be diminished as the number of impacted children decreases.

As the number of potential children increases we offer a corresponding level of care in making sure our values only update when there's a pertinent change to that value.

2. Where will my work be used?