OliverJAsh

{
    type AncestryType = {
        type: string;
    };

    type AncestryCategory = {
        type: string;
        category: string;
    };

OliverJAsh

export type Foo = {
    foo: string;
};
export type Bar = {
    bar: string;
};

export type Value = Foo | Bar;

export declare const value: Value;

OliverJAsh

#!/bin/bash

# https://junegunn.kr/2016/07/fzf-git/
# https://hackernoon.com/be-125-more-efficient-with-git-60556a1ce971
# https://github.com/fcsonline/dotfiles/blob/master/git/gitconfig
# https://github.com/junegunn/fzf/wiki/Examples#git

# TODO: incorporate fix into this?
# TODO: select commits for editing, generate rebase from that

OliverJAsh

#compdef git-merge-pr

_git-merge-pr () {
    # Multiple lines = -l
    # compadd -l -d "('foo:a b c' 'bar:d e f')" foo bar

    # lines=('foo:a b c' 'bar:d e f')
    # compadd -l -d lines foo bar

    # lines=('foo:a b c' 'bar:d e f')

OliverJAsh

import { ComponentType, ReactElement } from 'react';
import React = require('react');

type RenderPropComponent = ComponentType<{ children: () => ReactElement }>;

const RenderProp: RenderPropComponent = ({ children }) => (
    <div>{children()}</div>
);

const renderPropToHoc = (RenderPropComponent: RenderPropComponent) => <P,>(

OliverJAsh

type alias File = { name : String }

type Action = AgreeToTerms | AddFiles { files : List File }
type State = Onboarding | Form { files : List File }

action = AgreeToTerms
state = Form { files = [] }

result = case ( action, state ) of
  ( AgreeToTerms, Onboarding ) ->

OliverJAsh

My frustrations writing demos/tests for redux-react connected components

I'm writing demos for my React components, to showcase them in a specific states (e.g. Storybook).

However, the components I'm trying to write demos for are React Redux connected components, and this is making the demos much more difficult to achieve. To illustrate why, I'll start with an example.

Note: the problems I describe here also apply to writing tests (which demos are just one form of).

Example

OliverJAsh

{
    // TS doesn't return the correct type for index lookups. It returns `T` when it might actually be `T
    // | undefined`. These helpers give us the correct type.
    // https://github.com/Microsoft/TypeScript/issues/13778

    type IndexLookup<Key extends string, V, K extends Key> = string extends Key
        ? Record<Key, V>[K] | undefined
        : Record<Key, V>[K];

    // $ExpectType string | undefined

OliverJAsh

/*
          ----------- primitive ----------
object   non-nullable primitive   nullable
------------- {} --------------
---------------- unknown -----------------

https://www.oreilly.com/library/view/programming-typescript/9781492037644/ch04.html
https://gist.github.com/OliverJAsh/381cd397008309c4a95d8f9bd31adcd7
*/

OliverJAsh

JS terminology

• "primitive": boolean, number, string, symbol, null, undefined
• "object" aka "non-primitive": any "custom object" (e.g. { foo: 1 }) or function

https://developer.mozilla.org/en-US/docs/Web/JavaScript/Data_structures#Data_types

(In JS, people mistakingly think of primitives as "object"s, but in strict JS terminology, they're not.)

object type