This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
/* | |
* TS Playground: https://www.typescriptlang.org/play?noUncheckedIndexedAccess=true&noUnusedLocals=true&noUnusedParameters=true#code/PQKgUABCEEIKYHMCWA7CcAeBDAtgBwBs5IRgwwBjAexQGcAXdbfIiAXggoCc4t64Acrji08WCnAAmAURQBXHAAoA3pAi049AIIAuCAG0A5FkMAaCIYBGhgLqm1G+jD1GT5q2YsVb9gL4BKAG5yTFxCOAA6Ry0IrAhgYAgAImjYpJDmcKjNGAiKeMSUnLz0sFASCFlJJjCiEjIwADM5FAp6JBpOHj5BYVFxKVkFAB41IRwRMQkmfhRJWnV6LlQEewhK+RwAaTgATxm4OYWGZZRVtSHtvYXMWfmILS4uLF3hy53dgD41iABJFDwckYt0O9wASnBqFxJMNxpMBuZ9BFke9rjZPmBPoo1KhAfQ9P88fZ-HpVOt9Cg+lM4BBUJUMEtxPQPrRhoSgZ8bKS1OTDgoPrS0AAVOThaRECYoehC3Z4OBsgFAilUgborkQAAGABJlJSJv0JL4Ijq+Vddr4NcF1r5gr4IGSIPRZTTLgA1LAEOQ0jja5Rwg1wI061Hmy1qJ1yiAABSwXHaHv91Jkm3YEAhUJhiYRachVGhb02H3Mbo9Xs+n2CamodEYYjjSATKokyYUtD0j2erxj9cb+qTl0+qcUAHlLAArSH0CKHJZIESKXFA-wQLALDsvUbrckAaz2eizEnMADdS3A9CHaDY1J9-BEcFg8IpFMq+9nTSybMu2IOHetqwx0E2Ucx1TZQ7VXHMMwLfk9mLTZ3U9OAKx5CBGjzCBFH-YFCz2CAqEaQCYN2Whl1-LcsMInAEK9c94NPVNfT1eFDWNZR3z2C0VwWEtEKtLd1lNYD9HY3YbFTU1qLgPjrXIfieHoOQuDQZQDCYgN1UE8cIHAhZu3jAgD0GTY+ICSs-xoAC1P7FMOGAydYloWgkAQF |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
import { useApolloClient, Cache } from "@apollo/client"; | |
import { useEffect } from "react"; | |
/* | |
* WriteFragment: A declarative way to write fragments to Apollo cache | |
* using React components. When the fragment props change, the cache is | |
* updated. When then component unmounts, the fragment is deleted. | |
* | |
* This is essentially a reactive version of the cache.writeFragment | |
* method, using the same exact arguments and types. |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
import { ApolloCache, ApolloClient, ApolloLink, NormalizedCacheObject } from '@apollo/client'; | |
class MockedApolloLink extends ApolloLink { | |
split = jest.fn(); | |
concat = jest.fn(); | |
request = jest.fn(); | |
setOnError = jest.fn(); | |
protected onError = jest.fn(); | |
} |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
import { useEffect, useRef } from "react"; | |
/* | |
* A type-safe, polymorphic Box to wrap any forwardRef component | |
* with an Intersection Observer. Designed to be used in an | |
* unknown-length array map setting (infinite feed, etc.). | |
* | |
* The `callback` prop is closed over the passed-in `id` prop. | |
* This allows the `callback` prop to keep reference-equality | |
* between renders using something like `useCallback`, which |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
type ActionTypes = 'actionA' | 'actionB' | 'actionC' | 'actionNoPayload'; | |
type ActionPayloads = { | |
actionA: { payload: number }; | |
actionB: { payload: string }; | |
actionC: { foo: boolean; bar: boolean }; | |
}; | |
type Actions = { | |
[key in ActionTypes]: { |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
type DeepRequiredNonNullable<T> = T extends null | undefined | |
? never | |
: (T extends (infer ElementType)[] | |
? DeepRequiredNonNullable<ElementType>[] | |
: (T extends Record<string | number, any> | |
? { [key in keyof T]-?: DeepRequiredNonNullable<T[key]> } | |
: T)); | |
// Number test | |
type BadPrimitive = number | null | undefined | string; |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
// Thanks to eddmann.com/posts/cartesian-product-in-javascript | |
const cartesianProduct = (...sets) => | |
sets.reduce((sets, set) => sets.flatMap(x => set.map(y => [...x, y])), [[]]); | |
cartesianProduct( | |
['a', 'b', 'c'], | |
['x', 'y', 'z'], | |
); |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
// React hook that returns a new key | |
// when its passed in value goes from false to true. | |
// Use this for resetting a child component, firing events, etc! | |
const useNewKey = bool => { | |
const [key, setKey] = useState(bool ? 0 : 1); | |
const newKey = Boolean(bool) === Boolean(key % 2) ? key + 1 : key; | |
useEffect(() => { | |
setKey(newKey); |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
const areUnsortedArraysEqual = (...arrs) => { | |
const everyEqual = ([first, ...arr], isEqual) => | |
arr.every(item => isEqual(first, item)); | |
return ( | |
everyEqual(arrs, (first, arr) => arr.length === first.length) && | |
everyEqual( | |
arrs.map(arr => | |
arr.reduce( | |
(map, item) => map.set(item, (map.get(item) || 0) + 1), |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Exclude file types | |
!*.snap, !*.test.jsx, !*.test.js |