isthatcentered

export type Opaque<T, K> = K & { __TYPE__: T };


// Create a new opaque type
type WaffleId = Opaque<number, "waffledId">;

// This function now handles the knowledge of what a waffleId is, change will only happen there if needed 
function makeWaffleId( number: number ): WaffleId
{
	// ...do stuff

isthatcentered

export interface PassThroughProps
{
	children: ReactElement
}


export function PassThrough( props: PassThroughProps )
{
	const { children, ...propsToPass } = props
	

isthatcentered

type exampleReducerAction = Waffled | Pancaked | NOT_HANDLED_IN_SWITCH_CASE


function breakfastReducer( state: any, action: exampleReducerAction ): any
{
	// Note, for some reason action.type doesn't work
	switch ( action.type ) {	
		case "PancakedAction":
			return "Gimme!"

isthatcentered

{
  "//1//":"This doesn't seem to be needed",
  "compilerOptions": {
    // ... your setup
    "typeRoots": ["./custom.d.ts"] // Aka add these types on top of the other ones
  }
}

isthatcentered

import * as React from "react"
import { mount } from "enzyme"
import StoreProvider from "./StoreProvider"
import Mock = jest.Mock




jest.mock( "./StoreProvider", () => ({
	

isthatcentered

Timer*
  Idle
    start->Running
  Running
    stop->Idle
    pause->Paused
    tick->done?
  Paused
    start->Running
    stop->Idle

isthatcentered

Traffic Light
  Regular
    power outage->Power failure
    Green*
      tick->Yellow
    Yellow
      tick->Red
    Red
      tick->Green
    

isthatcentered

Timer*
  Idle*
    start->Running

  Running
    reset->Idle
    tick-> SpecifiedTimeElapsed?
      
  # Transient state define system’s logic without dropping into code
  SpecifiedTimeElapsed?

isthatcentered

/**
 * NPM dependencies to install 
 * (npm i -D gulp gulp-sass ... )
 */
const gulp = require( "gulp" ),
	path = require( "path" ),
	sass = require( "gulp-sass" ),
	sourcemaps = require( "gulp-sourcemaps" ),
	autoprefixer = require( "gulp-autoprefixer" ),
	browserSync = require( "browser-sync" ).create() // Local server

isthatcentered

/**
 * debounce
 * Ensures a function won't be called before a defined amout of time
 * Ex:
 *    on window resize, ensure a function won't be called
 *    until the user stopped resizing window for {time param}
 *
 * @param { function } fn Callback to be executed after debounce
 * @param { int } time Time to wait before function execution
 * @return {function(...[*])}