Add Activity

Author: rickhanlonii

src/content/reference/react/Activity.md

@@ -0,0 +1,76 @@
+---
+title: <Activity>
+canary: true
+---
+
+<Wip>
+
+**This API is experimental and is not available in a stable version of React yet.**
+
+You can try it by upgrading React packages to the most recent experimental version:
+
+- `react@experimental`
+- `react-dom@experimental`
+- `eslint-plugin-react-hooks@experimental`
+
+Experimental versions of React may contain bugs. Don't use them in production.
+
+</Wip>
+
+<Intro>
+
+`<Activity>` lets you hide and show part of the UI.
+
+
+```js
+import {unstableActivty as Activiy} from 'react';
+
+<Activity mode={tab === currentTab ? "visible" : "hidden"}>
+  <Tab tab={tab} />
+</Activity>
+```
+
+</Intro>
+
+<InlineToc />
+
+---
+
+## Reference {/*reference*/}
+
+### `<Activity>` {/*activity*/}
+
+Wrap elements in `<Activity>` to...
+
+- `hidden`: TODO
+- `visible`: TODO
+
+
+<DeepDive>
+
+#### How does `<Acivity>` work? {/*how-does-activity-work*/}
+
+Under the hood...
+
+</DeepDive>
+
+#### Props {/*props*/}
+
+* **optional** `mode`:
+
+#### Caveats {/*caveats*/}
+
+- TODO
+
+---
+
+
+## Usage {/*usage*/}
+
+### TODO {/*todo*/}
+
+---
+
+## Troubleshooting {/*troubleshooting*/}
+
+### TODO {/*troubleshooting-todo*/}

src/sidebarReference.json

@@ -104,6 +104,11 @@
           "title": "<Suspense>",
           "path": "/reference/react/Suspense"
         },
+        {
+          "title": "<Activity>",
+          "path": "/reference/react/Activity",
+          "version": "canary"
+        },
         {
           "title": "<ViewTransition>",
           "path": "/reference/react/ViewTransition",