reformatted examples

Author: sudo97

examples/Index.res

@@ -23,34 +23,33 @@ module Counter = {
 
 module BacisUsage = {
   type action = Tick | Reset
-  type state = { elapsed: int }
+  type state = {elapsed: int}
 
   @react.component
   let make = () => {
-  let (state, send) =
-    ReactUpdate.useReducer((state, action) =>
-      switch (action) {
-      | Tick =>
-        UpdateWithSideEffects(
-          {elapsed: state.elapsed + 1},
-          ({send}) => {
-            let timeoutId = Js.Global.setTimeout(() => send(Tick), 1_000);
-            Some(() => Js.Global.clearTimeout(timeoutId));
-          },
-        )
-      | Reset => Update({elapsed: 0})
-      }, {elapsed: 0}
-    );
-  React.useEffect0(() => {
-    send(Tick);
-    None;
-  });
-  <div> 
-    {state.elapsed->Js.String.make->React.string}
-    <button onClick={_ => send(Reset)}>
-      {"Reset"->React.string}
-    </button>
-  </div>;
+    let (state, send) = ReactUpdate.useReducerWithMapState(
+      (state, action) =>
+        switch action {
+        | Tick =>
+          UpdateWithSideEffects(
+            {elapsed: state.elapsed + 1},
+            ({send}) => {
+              let timeoutId = Js.Global.setTimeout(() => send(Tick), 1_000)
+              Some(() => Js.Global.clearTimeout(timeoutId))
+            },
+          )
+        | Reset => Update({elapsed: 0})
+        },
+      () => {elapsed: 0},
+    )
+    React.useEffect0(() => {
+      send(Tick)
+      None
+    })
+    <div>
+      {state.elapsed->Js.String.make->React.string}
+      <button onClick={_ => send(Reset)}> {"Reset"->React.string} </button>
+    </div>
   }
 }
 
@@ -62,4 +61,4 @@ switch ReactDOM.querySelector("#counter") {
 switch ReactDOM.querySelector("#basic") {
 | Some(root) => ReactDOM.render(<BacisUsage />, root)
 | None => ()
-}
+}

examples/index.html

@@ -8,4 +8,4 @@
     <div id="basic"></div>
     <div id="counter"></div>
   </body>
-</html>
+</html>