fnky

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>,
];
  

fnky

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[];
  };
};

fnky

[profile.release]
opt-level = "z"
lto = true
codegen-units = 1
panic = "abort"

fnky

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 (

fnky

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) {

fnky

Cheap-ish fonts

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

• Greycliff CF

fnky

Awesome Variable Fonts

A list of open source and free* variable fonts.

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

Open Source

• iA Fonts
• Inter

fnky

Serialization Tools

Multi-language support

• FlatBuffers
• Protocol Buffers
• MessagePack
• Cap'n'Proto
• Apache Thrift
• Apache Avro

fnky

fnky

# Query order pattern from GitHub GraphQL API
# Can be used in conjunction with Relay pagination.

"""
Possible directions in which to order a list of items when provided an `orderBy` argument.
"""
enum OrderDirection {
  """
  Specifies an ascending order for a given `orderBy` argument.
  """