yairEO

// usage: Math.clamp(min, number, max)
Math.clamp = Math.clamp || ((a,b,c) => Math.max(a,Math.min(b,c)))

yairEO

Converts props into css variables in styled-components

Example usage

import React from 'react'
import styled from '@xstyled/styled-components'
import { cx, getCSSVars } from 'utils'

const StyledIconBase = styled.i`

yairEO

import React, { useState, useEffect } from 'react'

const ShowIf = ({ children, breakpoint = 420, math = '>' }) => {
  const [width, setWidth] = useState(window.innerWidth)

  useEffect(() => {
    const resizeObserver = new ResizeObserver(() => setWidth(window.innerWidth))
    resizeObserver.observe(document.body)

    return () => resizeObserver.unobserve(document.body)

yairEO

function extend( o, o1, o2) {
    if( !(o instanceof Object) ) o = {};

    copy(o, o1);
    if( o2 )
        copy(o, o2)

    function copy(a,b){
        // copy o2 to o
        for( var key in b )

yairEO

 const isObject = obj => (obj+"") === "[object Object]"

yairEO

const cx = (...list) => list.filter(Boolean).join(' ')

yairEO

import React, { useEffect, useRef } from 'react';

const useDidMountEffect = (func, deps) => {
    const didMount = useRef(false);

    useEffect(() => {
        if (didMount.current) func();
        else didMount.current = true;
    }, deps);
}

yairEO

const mockAjax = (timeout => (RES, duration) => {
  clearTimeout(timeout); // abort last request
  return new Promise((resolve, reject) => timeout = setTimeout(resolve, duration || 0, RES))
})()

yairEO

function arrayIncludesObj(arr, obj){
    return arr.some(arrObj => JSON.stringify(arrObj) == JSON.stringify(obj))
}

yairEO

const delay = ms => new Promise(resolve => setTimeout(resolve, ms))