sonhanguyen

import * as React from 'react'
import Grid from './Grid'
import './App.css'

interface BaseLineItem {
  id: string
  name: string
  cost: number
}

sonhanguyen

import * as React from 'react'
import { render } from 'react-dom'
import { compose, fromRenderProps } from 'recompose' 
import { identity, pick, mapValues } from 'lodash'

const withDependencies = (...services: Array<[any, Function]>) => {
  const enhance = compose(
    ...services.map(([service, mapProps]) => fromRenderProps(
      Service.contextFor(service).Consumer,
      mapProps

sonhanguyen

type Dec = Record<number, never> & [-1, 0, 1, 2, 3, 4, 5, 6, 7, 8, 9]

type A = Dec[12]

type Overload<T extends Signature[]> = {
  [K in number & keyof T]: (...args: Args<T[K]>) => Return<T[K]>
}

type Args = any[] &amp; {

sonhanguyen

{
  "BTTPresetName" : "Default",
  "BTTGeneralSettings" : {
    "disableScrollingIf3" : true,
    "BTTPasteWhenTriggeringClipboardAgain" : true,
    "BTTForceNormalClickPressure5F" : 200,
    "disableScrollingIf2" : true,
    "BTTDidRegisterForUpdateStats" : "3.140",
    "BTTShowControlStrip" : true,
    "BTTShowControlStripItem" : true,

sonhanguyen

type Func = (..._) => any

const overload = <Default extends Func>(defaultFunc: Default): OverloadBuilder<Default> => {
  // @ts-ignore
  const match = cases => Object.assign(
    (...args) => {
      const matcher = cases.find(([ guard ]) => guard(args))
      const func = matcher
        ? matcher[1]
        : defaultFunc

sonhanguyen

import os
import collections
import pickle
import json
import urllib.parse
import re
from functools import wraps
from typing import Callable, Any
from dataclasses import dataclass, fields

sonhanguyen

type Lens<State, Value> = {
  (_: State): Value
  set: (_: Value) => (_: State) => State

  map<T>(_: Lens<Value, T>): Lens<State, T>
}

type Prop<K extends string, V = any> = Lens<Record<K, V>, V> 

sonhanguyen

// I could not find any validation library (zod, io-ts etc) that allows custom error types
// so quickly wipped this up, note that the errors here are string literals but they
// might as well be, say, custom classes for pattern matching later
// think about error messages that you need to translate to many languages in the front-end

const formValidator = <S extends Record<string, Validator<any, any>>>(schema: S): Validator<
  { [K in keyof S]: Infer<S[K]>['Input'] },
  { [K in keyof S]:
    { error: Infer<S[K]>['Error']
      value: Infer<S[K]>['Input']

sonhanguyen

#!/usr/bin/env bash {} /*
cd ~/.mozilla/firefox || cd ~/Library/Application\ Support/Firefox*
source <(grep Default= profiles.ini)

mkdir $Default/chrome
tee $Default/chrome/userChrome.css <<EOF

/*#region Firefox */

#browser,

sonhanguyen

MobX

---

• What it is
• Why do we need it
• How do we use it
• How it works

---

---