JamesBliss’s gists

JamesBliss / useFetch.ts

Created January 30, 2024 14:19 — forked from KristofferEriksson/useFetch.ts

A generic React fetch hook for API calls with caching, error handling, and refetch capability

	import { useCallback, useEffect, useState } from "react";

	type FetchState<T> = {
	data: T \| null;
	isLoading: boolean;
	error: Error \| null;
	isCached: boolean;
	refetch: () => void;
	};

JamesBliss / useCookie.ts

Created January 29, 2024 17:43 — forked from KristofferEriksson/useCookie.ts

A hook to easily read and update browser cookies. Plus, it auto-updates your component when cookie values change

	import { useEffect, useState } from "react";

	type UseCookieReturnType = {
	cookie: string \| undefined;
	setCookie: (value: string, days?: number) => void;
	};

	const useCookie = (cookieName: string): UseCookieReturnType => {
	const getCookie = (name: string): string \| undefined => {
	const value = `; ${document.cookie}`;

JamesBliss / gsap-eases.css

Created August 28, 2023 17:21 — forked from jh3y/gsap-eases.css

GreenSock eases with CSS linear()

JamesBliss / zod-optional-null.ts

Created August 11, 2023 08:22 — forked from ciiqr/zod-optional-null.ts

zod optional/nullable/nullish differences

	// zod schema
	z.object({
	// valid if string or:
	optional: z.string().optional(), // field not provided, or explicitly `undefined`
	nullable: z.string().nullable(), // field explicitly `null`
	nullish: z.string().nullish(), // field not provided, explicitly `null`, or explicitly `undefined`
	});

	// type
	{

JamesBliss / safeParse.ts

Created August 7, 2023 12:47 — forked from gimenete/safeParse.ts

A wrapper around the fetch function that validates the response body against a Zod schema

	import z from "zod";

	export async function safeFetch<T>(
	schema: z.Schema<T>,
	input: RequestInfo,
	init?: RequestInit
	): Promise<T> {
	const response = await fetch(input, init);

	if (!response.ok) {

JamesBliss / collectionUpdate.ts

Created May 11, 2023 12:32 — forked from snorrees/collectionUpdate.ts

Sanity Connect custom handler. See requirements.md

	import type {SanityClient} from '@sanity/client'
	import {v5 as uuidv5} from 'uuid'

	import {buildCollectionDocumentId, commitCollectionDocument} from './sanityOps'

	import type {ShopifyDocumentCollection} from './storageTypes'
	import {SHOPIFY_COLLECTION_DOCUMENT_TYPE, UUID_NAMESPACE_COLLECTIONS} from './constants'
	import {DataSinkCollection} from './requestTypes'
	import {idFromGid} from './requestHelpers'

JamesBliss / readme.md

Created February 8, 2022 12:02 — forked from benstr/readme.md

Gist Markdown Cheatsheet

#Heading 1 ##Heading 2 ###Heading 3 ####Heading 4 #####Heading 5 ######Heading 6

Paragraph

JamesBliss / memoizedHandlers.js

Created December 15, 2021 14:18 — forked from kyleshevlin/memoizedHandlers.js

Using React.useMemo to create a `handlers` object

	// One of my new favorite React Hook patternms is to create handler
	// functions for a custom hook using `React.useMemo` instead of
	// `React.useCallback`, like so:

	function useBool(initialState = false) {
	const [state, setState] = React.useState(initialState)

	// Instead of individual React.useCallbacks gathered into an object
	// Let's memoize the whole object. Then, we can destructure the
	// methods we need in our consuming component.

James Bliss JamesBliss