disintegrator

import * as React from "react";

interface Props<T> {
  initial?: T;
  children: (r: { value?: T; onChange: (value: T) => void }) => React.ReactNode;
}

interface State<T> {
  value?: T;
}

disintegrator

import { ComponentType } from "react";

/**
 * For any type T that is a React.ComponentType give me the type of its Props
 *
 */
export type PropType<T> = T extends ComponentType<infer P> ? P : never;

// USAGE:
import { Component, Fragment } from "react";

disintegrator

import * as React from "react";

/**
 * Given a JSX.IntrinsicElement[...], get its attributes
 */
type Attributes<E> = E extends React.DetailedHTMLProps<infer Attr, any>
  ? Attr
  : never;

/**

disintegrator

brew install caddy mkcert nss dnsmasq

mkcert -install

mkcert '*.app.test' '*.cdn.test'

# rename the certs and move them under /usr/local/etc/caddy/certs

cat <<EOF > /usr/local/etc/caddy/Caddyfile
*.app.test:443, *.cdn.test:443 {

disintegrator

Type holes in TypeScript

In TypeScript there are a few ways you can sidestep type inference and the compiler to introduce type holes in your code. Type holes are parts of the code where we’ve lied or hid information from the compiler and can be a source of bugs that are not present in properly typed code. The common ones I see are listed below in order of really bad to bad.

Type assertions

const something = getValue() as any;
const cat = dog as Cat;

disintegrator

{
  contentfulBlogPost {
    body {
      fields {
        readingTime {
          text
          minutes
          time
          words
        }

disintegrator

import "pino";

declare module "pino" {
  interface LoggerOptions {
    // @types/pino does not currently expose this option
    nestedKey?: string;
  }
}

disintegrator

<h1>I am a level 1 heading</h1>
<p class="subtitle subtitle--1">I am a level 1 subtitle</p>
<p class="subtitle subtitle--2">I am a level 2 subtitle</p>
<p class="subtitle subtitle--6">
  Up to six levels are supported corresponding to heading levels
</p>

disintegrator

{
  "React function component": {
    "prefix": "nrf",
    "body": [
      "import * as React from \"react\";",
      "",
      "export interface ${1:$TM_FILENAME_BASE}Props {}",
      "",
      "const ${1:$TM_FILENAME_BASE}: React.FC<${1:$TM_FILENAME_BASE}Props> = props => {",
      "  return <>{props.children}</>;",

disintegrator

package debounce

import (
	"context"
	"errors"
	"fmt"
	"sync"
	"time"
)