honzabrecka

import React, {
  Suspense,
  useCallback,
  useState,
  useRef,
  useEffect,
  unstable_useTransition,
} from "react";

const delay = (d) => new Promise((res) => setTimeout(res, d));

honzabrecka

import React, { Suspense, useCallback } from "react";
import { RecoilRoot, atomFamily, selectorFamily, useRecoilState } from "recoil";

/// FAKES

let users = {
  "/user/1": {
    id: 1,
    firstname: "Alfons",
    lastname: "Baar",

honzabrecka

{
  "search.exclude": {
    "**/node_modules": true,
    "**/bower_components": true
  },
  "editor.rulers": [
    80,
    100,
  ],
  "workbench.fontAliasing": "antialiased",

honzabrecka

export function useCallbackInNextRender() {
  const [value, set] = useState(null);

  useSafeEffect(
    (safetyGuard) => {
      if (!value) return;
      const [callback, args] = value;
      callback(safetyGuard, ...args);
    },
    [value]

honzabrecka

const when = (pred, f) => (data) => pred(data) ? f(data) : data

// example
pipe(
  when(isOdd, increment),
)

honzabrecka

Moved to https://github.com/honzabrecka/advent-of-code

honzabrecka

import { useEffect } from 'react'

export default function useReference(lazyRefCreator, deps) {
  const ref = useRef()

  useEffect(() => {
    ref.current = lazyRefCreator()
  }, deps)

  return ref.current

honzabrecka

// require without cache
const __r = (m) => { delete require.cache[require.resolve(m)]; return require(m) }

const reload = () = {
  Object.keys(require.cache).forEach((module) => {
    delete require.cache[module]
    require(module)
  })
}

honzabrecka

const withLogger = (reducer) => (state, action) => {
  const boldStyle = 'font-weight:bold';
  console.groupCollapsed(`%caction %c${action.type}`, 'color:#CCC', boldStyle);
  console.log('%cprev state', `${boldStyle};color:#9E9E9E`, state);
  console.log('%caction    ', `${boldStyle};color:#03A9F4`, action);
  const after = reducer(state, action);
  console.log('%cnext state', `${boldStyle};color:#4CAF50`, after);
  console.groupEnd();
  return after;
};

honzabrecka

// @flow

import * as React from 'react';
import classNames from 'classnames';
// import type { ClassNames } from 'classnames';

type ClassNames = any;

export type ClassNamesOrFunction = ClassNames | ((props: any) => ClassNames);