cellog

  // Available variables:
  // - Machine
  // - interpret
  // - assign
  // - send
  // - sendParent
  // - spawn
  // - raise
  // - actions

cellog

  // Available variables:
  // - Machine
  // - interpret
  // - assign
  // - send
  // - sendParent
  // - spawn
  // - raise
  // - actions

cellog

  // Available variables:
  // - Machine
  // - interpret
  // - assign
  // - send
  // - sendParent
  // - spawn
  // - raise
  // - actions

cellog

  // Available variables:
  // - Machine
  // - interpret
  // - assign
  // - send
  // - sendParent
  // - spawn
  // - raise
  // - actions

cellog

  // Available variables:
  // - Machine
  // - interpret
  // - assign
  // - send
  // - sendParent
  // - spawn
  // - raise
  // - actions

cellog

import React from "react";
import "./App.css";
import { FlashCards } from "./MultiplicationFlash";


function App() {
  return (
    <div className="App">
      <header className="App-header">
        <FlashCards />

cellog

interface Action<T = any> { type: T }
interface AnyAction extends Action { [extraProps: string]: any }

type Reducer<S = any, A extends Action = AnyAction> = (
  state: S | undefined,
  action: A
) => S

interface Store<
  S = any,

cellog

  replaceReducer<NewState = S, NewActions extends A = A>(
    nextReducer: Reducer<NewState, NewActions>
  ): Store<NewState, NewActions>

cellog

interface Action<T = any> { type: T }
interface AnyAction extends Action { [extraProps: string]: any }

type Reducer<S = any, A extends Action = AnyAction> = (
  state: S | undefined,
  action: A
) => S

interface Store<S = any, A extends Action = AnyAction> {
  getState(): S

cellog

// the example from typescript's docs
function getProperty<T, K extends keyof T>(obj: T, key: K) {
    return obj[key];
}

interface FourLetters {
  a: number
  b: number
  c: number
  d: number