erikras

  const memeMachine = Machine({
    id: 'meme',
    initial: 'stateMachines',
    states: {
      stateMachines: {
        on: {
          NO_IDEA_WHAT_THEY_ARE: 'stateMachines',
          OMG_THEYRE_EVERYWHERE: 'howDoesThisMemeWork'
        }
      },

erikras

const jobsMachine = Machine({
  id: 'jobs',
  initial: 'loading',
  context: {},
  states: {
    loading: {
      invoke: {
        id: 'loadJobs',
        onDone: { target: 'idle', actions: 'writeDataToContext' },
      },

erikras

  const government = Machine({
    id: 'USA 🇺🇸',
    initial: 'Trump',
    states: {
      Trump: {
        on: {
          INAUGURATION: 'Biden'
        }
      },
      Biden: {

erikras

const machine = Machine({
  id: 'labelEditing',
  initial: 'idle',
  context: {x:400,y:400},
  states: {
    idle: {
      on: {
        ADD_LAYER: {
          target: 'selection',
          actions: 'addLayer',

erikras

const machine = Machine({
 id: 'labelEditing',
  initial: 'idle',
  states: {
    idle: {
      on: {
        ADD_LAYER: {
          target: 'selection',
          actions: 'addLayer',
        },

erikras

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

erikras

interface Container<V> {
  get: () => V;
  set: (value: V) => void;
}

function createContainer<V>(value: V): Container<V> {
  let v = value;
  return {
    get: () => v,
    set: (newV: V) => {

erikras

Directory structure

• ~/oss/redux-form – master branch of redux-form/redux-form
• ~/oss/rfdocs – master branch of redux-form/redux-form-docs
  • This is auto deployed via Netlify to redux-form.com (or it was before I transfered ownership to the redux-form org)
  • Contains publish.js, a horrible pre-Gatsby static site generator
• ~/oss/redux-form-website-template – website-template branch of redux-form/redux-form
  • This is where styling tweaks sometimes need to be made
  • It needs to be npm publish'd and the version updated in all the examples package.jsons and redux-form-docs repos to get the new changes.

erikras

<MakeAsyncFunction
  listener={promiseListener}
  start="START_ACTION_TYPE"     // the type of action to dispatch when this function is called
  resolve="RESOLVE_ACTION_TYPE" // the type of action that will resolve the promise
  reject="REJECT_ACTION_TYPE"   // the type of action that will reject the promise
>{asyncFunc => (
  <SomeFormLibrary onSubmit={asyncFunc}>

    ...

erikras

const WhenFieldChanges = ({ field, becomes, set, to }) => (
  <Field name={set} subscription={{}}>
    {(
      // No subscription. We only use Field to get to the change function
      { input: { onChange } }
    ) => (
      <OnChange name={field}>
        {value => {
          if (value === becomes) {
            onChange(to)