Update and link all the decorators in the cheat sheet

Author: chenglou

data/sidebar_manual_latest.json

@@ -34,6 +34,7 @@
     "reserved-keywords"
   ],
   "JavaScript Interop": [
+    "interop-cheatsheet",
     "embed-raw-javascript",
     "shared-data-types",
     "external",
@@ -45,8 +46,7 @@
     "inlining-constants",
     "use-illegal-identifier-names",
     "generate-converters-accessors",
-    "browser-support-polyfills",
-    "interop-cheatsheet"
+    "browser-support-polyfills"
   ],
   "Build System": [
     "build-overview",

pages/docs/manual/latest/interop-cheatsheet.mdx

@@ -6,7 +6,53 @@ canonical: "/docs/manual/latest/interop-cheatsheet"
 
 # Interop Cheatsheet
 
-<!-- TODO: this should be a glossary instead -->
+This is a glossary with examples. All the features are described by later pages.
+
+## List of Decorators
+
+<!-- Synced from https://github.com/rescript-lang/syntax/blob/123760c5a264da5288eeee5213ddd25eb86d62fe/src/res_printer.ml#L19-L51 -->
+
+### Attributes
+
+- `@bs.as`: [here](attribute#usage), [here](bind-to-js-function#fixed-arguments), [here](bind-to-js-function#constrain-arguments-better) and [here](generate-converters-accessors#usage-3)
+- [`@bs.deriving`](generate-converters-accessors#generate-functions--plain-values-for-variants)
+- [`@bs.get`](bind-to-js-object#bind-using-special-bs-getters--setters)
+- [`@bs.get_index`](bind-to-js-object#bind-using-special-bs-getters--setters)
+<!-- - `@bs.ignore` -->
+- [`@bs.inline`](inlining-constants)
+- [`@bs.int`](bind-to-js-function#constrain-arguments-better)
+<!-- - `@bs.meth` -->
+- [`@bs.module`](import-from-export-to-js#import-a-javascript-modules-content)
+- [`@bs.new`](bind-to-js-object#bind-to-a-js-object-thats-a-class)
+- [`@bs.obj`](generate-converters-accessors#convert-external-into-js-object-creation-function)
+- [`@bs.optional`](generate-converters-accessors#optional-labels)
+- [`@bs.return`](bind-to-js-function#function-nullable-return-value-wrapping)
+- `@bs.send`: [here](bind-to-js-function#object-method) and [here](pipe#js-method-chaining)
+- [`@bs.scope`](bind-to-global-js-values#global-modules)
+- [`@bs.set`](bind-to-js-object#bind-using-special-bs-getters--setters)
+- [`@bs.set_index`](bind-to-js-object#bind-using-special-bs-getters--setters)
+- [`@bs.variadic`](bind-to-js-function#variadic-function-arguments)
+- [`@bs.string`](bind-to-js-function#constrain-arguments-better)
+- [`@bs.this`](bind-to-js-function#modeling-this-based-callbacks)
+- [`@bs.uncurry`](bind-to-js-function#extra-solution)
+- [`@bs.unwrap`](bind-to-js-function#trick-2-polymorphic-variant--bsunwrap)
+- [`@bs.val`](bind-to-global-js-values#global-modules)
+
+- [`@deprecated`](attribute#usage)
+- [`genType`](https://github.com/reason-association/genType)
+- [`@JSX`](jsx)
+- `@react.component`: [here](/docs/react/latest/introduction) and [here](https://github.com/reasonml/reason-react)
+- [`@warning`](attribute#usage)
+- [`@unboxed`](unboxed)
+
+### Extension Points
+
+- [`%debugger`](embed-raw-javascript#debugger)
+- [`%external`](bind-to-global-js-values#special-global-values)
+<!-- - `%node` -->
+<!-- - `%obj` -->
+- [`%raw`](embed-raw-javascript#paste-raw-js-code)
+- [`%re`](primitive-types#regular-expression)
 
 ## Raw JS
 
@@ -199,25 +245,3 @@ var gpa = 2.1 + 10;
 ```
 
 </CodeTab>
-
-## List of `@bs` Decorators
-
-- `@bs.as`
-- `@bs.get`
-- `@bs.get_index`
-- `@bs.inline`
-- `@bs.int`
-- `@bs.meth`
-- `@bs.module`
-- `@bs.new`
-- `@bs.return`
-- `@bs.scope`
-- `@bs.send`
-- `@bs.set`
-- `@bs.set_index`
-- `@bs.string`
-- `@bs.this`
-- `@bs.uncurry`
-- `@bs.unwrap`
-- `@bs.val`
-- `@bs.variadic`

pages/docs/manual/latest/pipe.mdx

@@ -87,7 +87,7 @@ asyncRequest()
   .send();
 ```
 
-Assuming we don't need the chaining behavior above, we'd bind to each case this using `bs.send` from the previous section:
+Assuming we don't need the chaining behavior above, we'd bind to each case this using `bs.send` from the aforementioned binding API page:
 
 <CodeTab labels={["ReScript", "JS Output"]}>