xralphack · April 6, 2020 06:59 · Apr 6, 2020
diff --git a/machine.js b/machine.js
@@ -0,0 +1,39 @@
+Machine({
+  id: 'SWAPI',
+  initial: 'idle',
+  context: {
+    user: null
+  },
+  states: {
+    idle: {
+      on: {
+        FETCH: 'loading'
+      }
+    },
+    loading: {
+      invoke: {
+        id: 'fetchLuke',
+        src: (context, event) => fetch('https://swapi.co/api/people/1')
+          .then(data => data.json()),
+        onDone: {
+          target: 'resolved',
+          actions: assign({
+            user: (_, event) => event.data
+          })
+        },
+        onError: 'rejected'
+      },
+      on: {
+        CANCEL: 'idle'
+      }
+    },
+    resolved: {
+      type: 'final'
+    },
+    rejected: {
+      on: {
+        FETCH: 'loading'
+      }
+    }
+  }
+})