Christian Petersen fnky

Motion One

From creator of Popmotion, Pose and Framer Motion. For React, use Framer Motion.
Framer Motion
AutoAnimate
React Spring

Cheap-ish fonts

A list of cheap-ish fonts, that doesn't put a dent in my wallet.

A list of open source and free* variable fonts.

* Some fonts may require a license to be used for commerical use.

	import React from "react";

	type ReducerWithOptionalAction<S> = (prevState: S, action?: S) => S;
	type ReducerStateWithOptionalAction<S> = React.ReducerState<ReducerWithOptionalAction<S>>;
	type DispatchWithOptionalAction<S> = React.Dispatch<S> & React.DispatchWithoutAction;
	type ReducerValueWithOptionalAction<S> = [
	ReducerStateWithOptionalAction<S>,
	React.DispatchWithOptionalAction<S>,
	];

	import { json, ActionFunction, useActionData, Form } from "remix";
	import { z } from "zod";

	// This type infer errors from a ZodType, as produced by `flatten()` of a parsed schema.
	type inferSafeParseErrors<T extends z.ZodType<any, any, any>, U = string> = {
	formErrors: U[];
	fieldErrors: {
	[P in keyof z.infer<T>]?: U[];
	};
	};

	function BetterFixedLazyExample({ lazyValue }) {
	// Initialize with null value.
	const myRef = useRef(null);

	useLayoutEffect(() => {
	console.log(myRef.current); // => HTMLDivElement DOM node
	}, []);

	// Make sure the ref setter is not blocked by conditionals.
	return (

	import React from 'react';
	import { createBrowserHistory } from 'history';

	export const historyContext = React.createContext(null);
	const HistoryContextProvider = historyContext.Provider;

	// This is initialized at the time the file/module is imported, and not on component mount.
	const history = createBrowserHistory();

	export function History(props) {