SanichKotikov

// utils/types.ts
type KeysOfType<O, T> = { [K in keyof O]: O[K] extends T ? K : never }[keyof O];


// utils/array.ts
function inAbcOrderBy<T extends object, K extends KeysOfType<T, string>>(prop: K) {
  return (a: T, b: T): number => {
    return (a[prop] as string).localeCompare(b[prop] as string);
  };
}

SanichKotikov

for file in *; do 
    if [ -f "$file" ]; then 
        if [ "$file" = "convert_images.sh" ];
        then
            continue
        fi

        sips -s format heic -s formatOptions 100 $file --out ./
    fi 
done

SanichKotikov

import { createElement, lazy, useEffect, useMemo, ComponentType, ReactElement } from 'react';

export function withAwaitData<T extends {}, K extends keyof T, P extends T[K][]>(
  component: ComponentType<T>,
  fetcher: (...args: P) => Promise<void>,
  keys?: K[],
): (props: T) => ReactElement<T>;
export function withAwaitData<T extends {}, K extends keyof T, P extends T[K][]>(
  component: ComponentType<T>,
  fetcher: (...args: P) => Promise<void>,

SanichKotikov

import React, {useEffect, useState, useCallback} from 'react';
import Sticky from 'react-stickynode';

type TFilter = {
	name: string;
	value: string;
	component: React.ReactElement;
};

interface IProps {

SanichKotikov

function calc(num: number, lines: number = 3) {
    const step = (num + (num * 2 / 100)) / lines;
    const shift = 10 ** (Math.ceil(Math.log10(Math.ceil(step) + 1)) - 2);
    return Math.floor((Math.ceil(step / shift) * shift) * 10) / 10;
}

function round(num: number, low: number) {
    return Math.max(calc(num), calc(low * -1));
}

SanichKotikov

const URL = 'https://www.google-analytics.com/collect';

export function ga(category: string, action: string) {
  return new Promise((res) => {
    const data = {
      v: 1,
      tid: 'UA-XXXXX-Y',
      t: 'event',
      ec: category,
      ea: action,

SanichKotikov

const SECOND = 1000;
const MINUTE = SECOND * 60;
const HOUR = MINUTE * 60;
const DAY = HOUR * 24;

const TIME = {
  second: SECOND,
  minute: MINUTE,
  hour: HOUR,
  day: DAY,

SanichKotikov

performance.mark('custom_start');
// do some staff here...
performance.mark('custom_end');

// https://www.w3.org/TR/navigation-timing/#sec-navigation-timing-interface
performance.measure('custom', 'custom_start', 'custom_end');
performance.clearMeasures('custom');

SanichKotikov

import { useState, useEffect } from 'react';

const DELAY = 400;
const mapQueries = (query: string) => window.matchMedia(query).matches;

function useQueries(queries: string[]): boolean[] {
  const [values, setValues] = useState(queries.map(mapQueries));

  useEffect(() => {
    let timer: number;

SanichKotikov

// https://overreacted.io/making-setinterval-declarative-with-react-hooks/
import React, { useState, useEffect, useRef } from 'react';

function useInterval(callback, delay) {
  const savedCallback = useRef();

  // Remember the latest callback.
  useEffect(() => {
    savedCallback.current = callback;
  });