andyrichardson

const isIntrospectionQuery = (arg: string) => {
  const query = parse(arg);
  const opDefs = query.definitions.filter(d => d.kind == "OperationDefinition") as OperationDefinitionNode[];

  // Must only have one definition
  if (opDefs.length > 1) {
    return false;
  }

  const selections = opDefs[0].selectionSet.selections;

andyrichardson

About

Here's a quick example of how to get a 1-1 reproduction of storybook fixtures in jest.

Note: If you use storybook, definitely do this - it removes the need to set up context manually for jest testing

Create a providing component for jest

// .storybook/preview.tsx

andyrichardson

.storybook/preview.tsx

import { addDecorator, DecoratorFn } from '@storybook/react';

/** Adds react-router context */
const routerDecorator: DecoratorFn = (Story, context) => {
  const router = context.parameters.router;

andyrichardson

import { useState, useCallback, useRef } from 'react';

export const useSynchronousReducer = <S, A>(
  reducer: (s: S, a: A) => S,
  initialState: S
) => {
  const stateRef = useRef(initialState);
  const [state, setState] = useState<S>(stateRef.current);

  const dispatch = useCallback<(a: A) => S>((action) => {

andyrichardson

export const ttlCache = <K extends string, V = any>({ ttl, maxSize }: { ttl: number, maxSize?: number }) => {
  let cache: Record<K, { value: V; expiresAt: number } | undefined> = Object.create(null);

  return {
    set: (key: K, value: V) => {
      const keys = Object.keys(cache) as K[];
      if (maxSize && keys.length === maxSize) {
        delete cache[keys[0]]; 
      }

andyrichardson

Websocket vs Subscriptions

What is a websocket

Websockets create a sustained connection between a client and a server

Messages can be sent on this connection in either direction.

It is a transport protocol.

andyrichardson

Docker 101

Grammar

• server: A physical machine connected to the web
• service: A deployed program (e.g. GraphQL endpoint / REST endpoint)
• environment: The OS that a service runs in

Before docker

andyrichardson

export type Event<K extends string = string, V extends any = any> = {
  key: K;
  value: V;
};

export class EventTarget<T extends Event> {
  private listeners: { [key in T["key"]]?: Array<(event: any) => void> } = {};

  public addEventListener<K extends T["key"]>(
    type: K,

andyrichardson

Unidirectional pagination

const paginateQuery = async <T>({
    params,
    acc = [],
    pageSize,
  }: {
    params: DynamoDB.DocumentClient.QueryInput;
    acc?: T[];

andyrichardson

Wiphy phy1
	wiphy index: 1
	max # scan SSIDs: 4
	max scan IEs length: 2190 bytes
	max # sched scan SSIDs: 0
	max # match sets: 0
	Retry short limit: 7
	Retry long limit: 4
	Coverage class: 0 (up to 0m)
	Device supports AP-side u-APSD.