thebuilder

import React, {useCallback, useRef} from 'react'

function useHookWithRefCallback() {
  const ref = useRef(null)
  const setRef = useCallback(node => {
    if (ref.current) {
      // Make sure to cleanup any events/references added to the last instance
    }
    
    if (node) {

thebuilder

module.exports = {
  projects: [
    {
      displayName: 'dom',
      testEnvironment: 'jsdom',
      snapshotSerializers: ['enzyme-to-json/serializer'],
      testMatch: ['**/__tests__/**/*.test.js?(x)']
    },
    {
      displayName: 'node',

thebuilder

/**
 * Get an element from an array
 * @example
 * interface Item {
 *  id: number
 * }
 *
 * interface BunchOfItems extends Array<Item> {}
 *
 * interface SingleItemAgain extends ArrayElement<BunchOfItems> {}

thebuilder

/* eslint-disable jest/valid-title */
import React from 'react';
import { render, RenderResult, waitFor } from '@testing-library/react';
import chalk from 'chalk';
import globby from 'globby';
import path from 'path';
import {
  IncludeExcludeOptions,
  isExportStory,
  storyNameFromExport,

thebuilder

import React from 'react'
import { storiesOf } from '@storybook/react'
import FetchStory from './FetchStory'

storiesOf('Fetch Example', module)
  .add('Plain', () => (
      <FetchStory mocks={{
          matcher: '/api/signup',
          response: {
            body: {

thebuilder

/* eslint-disable react-hooks/exhaustive-deps */
import * as React from 'react'
import { observe, unobserve } from './intersection'
import { InViewHookResponse, IntersectionOptions } from './index'

type State = {
  inView: boolean
  entry?: IntersectionObserverEntry
}

thebuilder

class Tracker {
    count = 0;
    constructor() {
        window.addEventListener("mousedown", this.mouseDown);
        window.addEventListener("mouseup", this.mouseUp);
    }
    mouseDown = (ev: MouseEvent) => {
        window.addEventListener("mousemove", this.mouseMove);
    }
    mouseUp = (ev: MouseEvent) => {

thebuilder

/**
 * @param fn {Function} Callback function to trigger on frame
 * @param fps {int} Target FPS
 * @returns {{pause: pause, start: start, destroy: destroy}}
 */
function frameLoop(fn, fps=60) {
	let then = 0;
	let interval = 1000 / fps;
	let isRunning = true;
	let currentFrameId = null;

thebuilder

public FrameLayout getRootFramelayout() {
		if (_root == null) _root = (FrameLayout) getActivity().getWindow().getDecorView().findViewById(android.R.id.content);
		return (FrameLayout) _root.getChildAt(0);
}

thebuilder

import React from 'react';

function handleClick(label) {
 alert('clicked ' + label); 
}

function Button({label}) {
  return (
    <button onClick={(event) => handleClick(label)}>{label}</button>