reecelucas

const fetchGraphQL = async ({ url, query, variables, headers }) => {
  const response = await fetch(url, {
    method: "POST",
    headers: {
      ...headers,
      "Content-Type": "application/json"
    },
    body: JSON.stringify({ query, variables })
  });

reecelucas

export default {
  FEATURE_A: {
    name: 'FEATURE_A',
    description: 'Human readable description of feature A',
    enabled: {
      development: true,
      production: false
    }
  },
  FEATURE_B: {

reecelucas

import * as React from 'react';

interface Props extends React.HTMLProps<HTMLInputElement> {
  onFileSelect: (file: File) => void;
}

const FileInput = ({ onFileSelect, ...props }: Props) => {
  const inputRef = React.useRef<HTMLInputElement>();

  const onChange = (event: React.ChangeEvent) => {

reecelucas

{
  "presets": [
    [
      "@babel/preset-env",
      {
        "useBuiltIns": "usage"
      }
    ],
    "@babel/preset-react"
  ],

reecelucas

import { useEffect, useRef } from 'react' 

const isFunction = fn => typeof fn === 'function';
const connectionIsOpen = ws => ws && ws.readyState === WebSocket.OPEN;

/**
 * Usage:
 * const { webSocket, sendMessage, closeConnection } = useWebSocket({
 *   url: 'wss://echo.websocket.org/',
 *   onOpen: useCallback(event => {

reecelucas

import { useEffect, useState } from "react";

const useProximity = (elemRef, perimeter = 100) => {
  const [withinPerimeter, setWithinPerimeter] = useState(false);

  useEffect(() => {
    if (!elemRef || !elemRef.current) return;

    let ticking = false;
    const { current } = elemRef;

reecelucas

const SCROLL_UP = "up";
const SCROLL_DOWN = "down";

const useScrollDirection = ({
  initialDirection,
  thresholdPixels,
  off
} = {}) => {
  const [scrollDir, setScrollDir] = useState(initialDirection);

reecelucas

import { useRef } from 'react';

const safeDocument = typeof document !== 'undefined' ? document : {};

/**
 * Usage:
 * const [blockScroll, allowScroll] = useScrollBlock();
 */
export default () => {
  const scrollBlocked = useRef();

reecelucas

import { useEffect } from 'react';

/**
 * Usage:
 * useClickOutside(myRef, event => {
 *   console.log(`${event.target} is outside of ${myRef.current}`);
 * });
 */
export default (elemRef, fn) => {
  useEffect(() => {

reecelucas

import { useEffect, useRef } from 'react';

/**
 * Usage:
 * const [count, setCount] = useState(0);
 * const prevCount = usePrevious(count);
 */
export default value => {
  const ref = useRef();