danakt

/**
 * Returns type of HTML element by tag name
 * @example
 * type ElementType = GetElementByTagname<'div'> // HTMLDivElement
 */
type GetElementByTagName<
  Tagname extends keyof React.ReactHTML
> = React.ReactHTML[Tagname] extends React.DetailedHTMLFactory<infer A, infer E> ? E : null;

danakt

export const useDebouncedCallback = <T extends (...args: any) => void>(
  callback: T,
  time: number,
  deps: React.DependencyList
) => {
  const timerRef = React.useRef<number>(-1);

  const memoizedCallback = React.useCallback<T>(
    ((...args: any): void => {
      clearTimeout(timerRef.current);

danakt

const createContainer = function<Props = {}, Data = {}, Actions = {}>(callback: (props: Props) => [Data, Actions]) {
  return (props: Props & { children: (data: Data, actions: Actions) => React.ReactNode }) => (
    <React.Fragment>{props.children(...callback(props))}</React.Fragment>
  );
};

danakt

/**
 * React hook to use previous data
 */
const usePrevious = function<T>(value: T): undefined | T {
  const ref = React.useRef<T | undefined>(undefined);

  React.useEffect(() => {
    ref.current = value;
  });

danakt

/**
 * Wraps any React component (even functional) to PureComponent class
 */
export const pureComponent = function<P>(Component: React.ComponentType<P>) {
  return class extends React.PureComponent<P> {
    static displayName = `pureComponent(${Component.displayName || Component.name})`;

    render() {
      return <Component {...this.props} />;
    }

danakt

/// <reference path="../node_modules/@types/react/index.d.ts" />

/**
 * Enhancer of JSX attributes
 */
type EnhanceAttributes<
  Tagname extends keyof React.ReactHTML,
  NewAttributes extends {},
  T = React.ReactHTML[Tagname]
> = T extends React.DetailedHTMLFactory<infer A, infer E>

danakt

/** 
 * Checks text input for valid integer/float
 * @param {string} value The input value
 * @returns {boolean} Result of the validate
 * 
 * @example
 *   validateInputForNumber('123') // true
 *   validateInputForNumber('123.123') // true
 *   validateInputForNumber('123.') // (!) still true
 * 

danakt

Number.prototype[Symbol.iterator] = function* () {
  if (isNaN(this) || !isFinite(this)) {
    throw new ReferenceError('Non-iterable number')
  }

  const abs = Math.abs(this)
  const isNegative = this < 0
  
  for (let i = 0; i < abs; i++) {
    yield isNegative ? -i : i

danakt

var words     = {
    'true':            !![]+[],
    'false':           ![]+[],
    'Infinity':        !![]/[]+[],
    'undefined':       [][[]]+[],
    'NaN':             []/[]+[],
    '[object Object]': []+{}
};

var numbersSpec = {

danakt

function pause(milliseconds) {
  const dt = Date.now()
  while (Date.now() - dt <= milliseconds) {}
}