more docs

Author: Mokshit06

docs/pages/docs/installation.mdx

@@ -22,6 +22,10 @@ import { Tab, Tabs, Steps, Callout } from 'nextra-theme-docs'
   </Tab>
 </Tabs>
 
+  <Callout type="error" emoji="️🚫">
+  Sveltris hasn't been published to NPM yet, so you wouldn't be able to install it
+  </Callout>
+
 ### Setup plugin
 
 <Tabs items={["Esbuild",  "Vite", "Webpack"]}>
@@ -60,8 +64,6 @@ import { Tab, Tabs, Steps, Callout } from 'nextra-theme-docs'
     ]
   }
   ```
-
-
   </Tab>
 </Tabs>
   <Callout>

docs/pages/docs/usage/hooks.mdx

@@ -1 +1,27 @@
 # Using React Hooks
+
+Sveltris allows you to use React hooks inside your Svelte component by wrapping the call inside `use`.
+
+`use` returns a `readonly` svelte store that can be subscribed to by your component.
+
+The value of this store is `undefined` during the initial render, so it needs to be accessed inside an `#if` block.
+
+```html
+<script>
+import { useState } from 'react'
+import { use } from 'sveltris'
+
+const counter = use(useState(0))
+</script>
+
+{#if $counter}
+  {@const [count, setCount] = $counter}
+  <button on:click={() => setCount(c => c + 1)}>
+    {count}
+  </button>
+{/if}
+```
+
+## Limitations
+
+It has some limitations, for eg. you can't use hooks that depend on a parent `ContextProvider` being there in the react root. But if the `ContextProvider` isn't stateful then it can be passed as the second argument of `use`

docs/pages/docs/usage/react-in-svelte.mdx

@@ -1 +1,26 @@
 # React in Svelte
+
+With Sveltris, you can use any React component inside Svelte as if it was a regular Svelte component.
+
+```html
+<script>
+  import Counter from './Counter?in-svelte';
+</script>
+
+<Counter />
+```
+
+Sveltris also maps all React and custom event handlers (`/on(.*)/`) to Svelte format, and you can set them using `/on:(.*)/` syntax.
+So if a component has an `onSubmit` prop, you can set it as `on:submit`
+
+```html
+<script>
+  import Input from './Input?in-svelte';
+
+  let value = '';
+</script>
+
+<Input {value} on:change={v => value = v} />
+```
+
+These components also _just work_ with SSR without any extra configuration required.