christiannwamba · May 14, 2020 18:22 · May 14, 2020
diff --git a/machine.js b/machine.js
@@ -0,0 +1,35 @@
+// DEMO: Null or Transient Transitions with ''
+
+// Cick TRY 3 times and it will get to success but will keep coming back to idle at 1 and 2 time
+// You can see the state increment in the STATE tab when you click TRY
+const ifAtFirstYouDontSucceed = Machine(
+  {
+    id: 'tryTryAgain',
+    initial: 'idle',
+    context: {
+      tries: 0,
+    },
+    states: {
+      idle: {
+        on: { TRY: 'trying' },
+      },
+      trying: {
+        entry: ['incTries'],
+        on: {
+          '': [{ target: 'success', cond: 'triedEnough' }, { target: 'idle' }],
+        },
+      },
+      success: {},
+    },
+  },
+  {
+    actions: {
+      incTries: assign({
+        tries: (ctx) => ctx.tries + 1,
+      }),
+    },
+    guards: {
+      triedEnough: (ctx) => ctx.tries > 2,
+    },
+  }
+);