Fix typos

Author: chenglou

pages/docs/manual/v8.0.0/interop-cheatsheet.mdx

@@ -111,7 +111,7 @@ var result3 = Caml_option.nullable_to_opt(10);
 [@bs.send] external filter: (array('a), 'a => 'b) => array('b) = "filter";
 [|1, 2, 3|]
   ->map(a => a + 1)
-  ->filter(a => mod(a, 2) == 0)
+  ->filter(a => a mod 2 == 0)
   ->Js.log;
 ```
 ```js

pages/docs/manual/v8.0.0/module.mdx

@@ -388,7 +388,7 @@ module type Comparable = {
 
 module MakeSet = (Item: Comparable) => {
   // let's use a list as our naive backing data structure
-  type backingType = list<Item.t>;
+  type backingType = list(Item.t);
   let empty = [];
   let add = (currentSet: backingType, newItem: Item.t): backingType =>
     // if item exists

pages/docs/manual/v8.0.0/overview.mdx

@@ -31,12 +31,12 @@ canonical: "https://rescript-lang.org/docs/manual/latest/overview"
 
 ### String & Character
 
-| JavaScript                | Us                    |
-| --------------------------| --------------------- |
-| `"Hello world!"`          | Same                  |
-| `'Hello world!'`          | Strings must use `"`  |
-| `"hello " + "world"`      | `"hello " ++ "world"` |
-| `` `hello ${message}` ``  | Same                  |
+| JavaScript                | Us                      |
+| --------------------------| ----------------------- |
+| `"Hello world!"`          | Same                    |
+| `'Hello world!'`          | Strings must use `"`    |
+| `"hello " + "world"`      | `"hello " ++ "world"`   |
+| `` `hello ${message}` ``  | <code>{j&#124;Hello $(message)&#124;j}</code>|
 
 ### Boolean
 
@@ -57,7 +57,7 @@ canonical: "https://rescript-lang.org/docs/manual/latest/overview"
 | `3.1415`    | Same         |
 | `3 + 4`     | Same         |
 | `3.0 + 4.5` | `3.0 +. 4.5` |
-| `5 % 3`     | `mod(5, 3)`  |
+| `5 % 3`     | `5 mod 3`    |
 
 \* JS has no distinction between integer and float.
 
@@ -75,7 +75,7 @@ canonical: "https://rescript-lang.org/docs/manual/latest/overview"
 
 | JavaScript            | Us                                 |
 | --------------------- | ---------------------------------- |
-| `[1, 2, 3]`           | Same                               |
+| `[1, 2, 3]`           | `[|1, 2, 3|]`                      |
 | `myArray[1] = 10`     | Same                               |
 | `[1, "Bob", true]`    | `(1, "Bob", true)` \*              |
 
@@ -142,7 +142,7 @@ canonical: "https://rescript-lang.org/docs/manual/latest/overview"
 | JavaScript                    | Us                                            |
 | ----------------------------- | --------------------------------------------- |
 | `const {a, b} = data`         | `let {a, b} = data`                           |
-| `const [a, b] = data`         | <code>let [a, b] = data</code> \*             |
+| `const [a, b] = data`         | <code>let [&#124;a, b&#124;] = data</code> \* |
 | `const {a: aa, b: bb} = data` | `let {a: aa, b: bb} = data`                   |
 
 \* Gives good compiler warning that `data` might not be of length 2.
@@ -168,10 +168,10 @@ canonical: "https://rescript-lang.org/docs/manual/latest/overview"
 
 ### Exception
 
-| JavaScript                                      | Us                                         |
-| ----------------------------------------------- | ------------------------------------------ |
-| `throw new SomeError(...)`                      | `raise(SomeError(...))`                    |
-| `try {a} catch (Err) {...} finally {...}`       | <code>try a catch { &#124; Err => ...}</code> \* |
+| JavaScript                                | Us                                         |
+| ----------------------------------------- | ------------------------------------------ |
+| `throw new SomeError(...)`                | `raise(SomeError(...))`                    |
+| `try {a} catch (Err) {...} finally {...}` | <code>try a catch { &#124; Err => ...}</code> \* |
 
 \* No finally.
 
@@ -211,7 +211,7 @@ The last expression of a block delimited by `{}` implicitly returns (including f
 Feature                         | Example                              | JavaScript Output
 --------------------------------|--------------------------------------|----------------------
 String                          | `"Hello"`                            | `"Hello"`
-String Interpolation            | `` `Hello ${message}` ``             | `"Hello " + message`
+String Interpolation            | <code>{j&#124;Hello $(message)&#124;j}</code>         | `"Hello " + message`
 Character (disrecommended)      | `'x'`                                | `120` (char code)
 Integer                         | `23`, `-23`                          | `23`, `-23`
 Float                           | `23.0`, `-23.0`                      | `23.0`, `-23.0`
@@ -226,7 +226,7 @@ Boolean operation               | `!`, `&&`, <code>&#124;&#124;</code> | `!`, `&
 Shallow and deep Equality       | `===`, `==`                          | `===`, `==`
 List (disrecommended)           | `[1, 2, 3]`                          | `{hd: 1, tl: {hd: 2, tl: {hd: 3, tl: 0}}}`
 List Prepend                    | `[a1, a2, ...oldList]`               | `{hd: a1, tl: {hd: a2, tl: theRest}}`
-Array                           | `[1, 2, 3]`                          | `[1, 2, 3]`
+Array                           | <code>[&#124;1, 2, 3&#124;]</code>   | `[1, 2, 3]`
 Record                          | `type t = {b: int}; let a = {b: 10}` | `var a = {b: 10}`
 Multiline Comment               | `/* Comment here */`                 | Not in output
 Single line Comment             | `// Comment here`                    | Not in output

pages/docs/manual/v8.0.0/pattern-matching-destructuring.mdx

@@ -240,7 +240,7 @@ let message = switch (person1) {
   "Hey, still going to the party on Saturday?"
 | Teacher({name}) =>
   // this is matched only if `name` isn't "Joe"
-  {j|Hello ${name}.|j}
+  {j|Hello $(name).|j}
 | Student({name, reportCard: {passing: true, gpa}}) =>
   "Congrats " ++ name + ", nice GPA of " ++ Js.Float.toString(gpa) ++ " you got there!"
 | Student({
@@ -251,7 +251,7 @@ let message = switch (person1) {
 | Student({status: Sick}) =>
   "How are you feeling?"
 | Student({name}) =>
-  {j|Good luck next semester ${name}!|j}
+  {j|Good luck next semester $(name)!|j}
 };
 ```
 ```js

pages/docs/manual/v8.0.0/pipe.mdx

@@ -111,7 +111,7 @@ You'd use them like this:
 <CodeTab labels={["Reason (Old Syntax)", "JS Output"]}>
 
 ```re
-let result = Js.Array2.filter(Js.Array2.map([|1, 2, 3|], a => a + 1), a => mod(a, 2) == 0);
+let result = Js.Array2.filter(Js.Array2.map([|1, 2, 3|], a => a + 1), a => a mod 2 == 0);
 
 send(setWaitDuration(asyncRequest(), 4000));
 ```

pages/docs/manual/v8.0.0/primitive-types.mdx

@@ -53,7 +53,7 @@ There's a special syntax for string that allows
 ```re
 let greeting = {j|Hello
 World
-${name}
+$(name)
 |j}
 ```
 ```js

pages/docs/manual/v8.0.0/shared-data-types.mdx

@@ -11,7 +11,7 @@ ReScript's built-in values of type `string`, `float`, `array` and a few others h
 This means that if you receive e.g. a string from the JS side, you can use it **without conversion** on the ReScript side, and vice-versa.
 
 **Shared, bidirectionally usable types**:
-- String. Backtick strings like `` `hello ${personName}` `` support interpolation. Normal `"hello"` strings don't.
+- String. Backtick strings like `` `hello $(personName)` `` support interpolation. Normal `"hello"` strings don't.
 - Float. ReScript floats are JS numbers, vice-versa.
 - Array. In addition to the [JS Array API](/apis/latest/js/array), we provide our own [Belt.Array](/apis/latest/belt/array#set) API too.
 - Tuple. Compiles to a JS array. You can treat a fixed-sized, heterogenous JS array as ReScript tuple too.