ShMcK

const events = {
   STOP: 'Stopped',
   PLAY: 'Playing',
 }

class Walkman extends React.Component {
 state = {
   current: events.STOP,
 }
 transition = (event) => {

ShMcK

type States = 'loading' | 'loaded' | 'error'
type Data = any

class SomeComponent extends StateComponent<{}, States, Data> {
 state = 'loading'
 data = {}
}

ShMcK

type States = {
 mode: 'loading' | 'loaded' | 'error',
 data: any,
}

class DataLoader extends React.Component<{}, States> {
 state = {
   mode: 'loading', // state
   data: {}, // data
 }

ShMcK

None*
  BLOCK_SELECT -> BlockEditing
  TOOL_DRAW_BLOCK -> BlockDrawing
  TOOL_UPLOAD_SHAPES -> UploadingShapes
  TOOL_RESOURCE_VIEW -> ResourceView
  
BlockDrawing
  BLOCK_SHAPE_COMPLETE -> BlockEditing
  CANCEL_DRAWING -> None
BlockEditing

ShMcK

Ejected
  STOP -> Stopped
Stopped*
  STOP -> Ejected
  PLAY -> Playing
  REWIND -> Rewinding
  FAST_FORWARD -> FastForwarding
Active
  STOP -> Stopped
  PLAY -> Stopped

ShMcK

DrawerOpen*
  loadTape -> HasTape
  closeDrawer -> NoTape

DrawerClosed
  eject -> DrawerOpen

  NoTape

  HasTape*

ShMcK

DrawerOpen*
  loadTape -> HasTape
  closeDrawer -> NoTape

DrawerClosed
  eject -> DrawerOpen

  NoTape

  HasTape*

ShMcK

import React from 'react'

const capitalize = (string) => string.charAt(0).toUpperCase() + string.slice(1)

// lib, returns Context.Provider, Context.
function reactXState ({ name, machine, actions }) {
  name = name || 'defaultName'

  const Context = React.createContext(name)
  

ShMcK

import { Permissions } from 'expo'

export default async function verifyPushNotificationsPermissions() {
  const { status: existingStatus } = await Permissions.getAsync(Permissions.NOTIFICATIONS)
  let finalStatus = existingStatus

  // only ask if permissions have not already been determined, because
  // iOS won't necessarily prompt the user a second time.
  if (existingStatus !== 'granted') {
  // Android remote notification permissions are granted during the app

ShMcK

const SimpleApp = StackNavigator({
  Home: { screen: HomeScreen },
  Chat: {
    screen: ChatScreen,
    path: 'chat/:user',
  },
});