Derived Stores

docs/config.json

@@ -16,6 +16,10 @@
         {
           "label": "Installation",
           "to": "installation"
+        },
+        {
+          "label": "Quick Start",
+          "to": "quick-start"
         }
       ],
       "frameworks": [
@@ -77,9 +81,21 @@
           "label": "Classes / Store",
           "to": "reference/classes/store"
         },
+        {
+          "label": "Classes / Derived",
+          "to": "reference/classes/derived"
+        },
+        {
+          "label": "Classes / Effect",
+          "to": "reference/classes/effect"
+        },
         {
           "label": "Interfaces / StoreOptions",
           "to": "reference/interfaces/storeoptions"
+        },
+        {
+          "label": "Interfaces / DerivedOptions",
+          "to": "reference/interfaces/derivedoptions"
         }
       ],
       "frameworks": [

docs/framework/angular/quick-start.md

@@ -3,7 +3,7 @@ title: Quick Start
 id: quick-start
 ---
 
-The basic angular app example to get started with the Tanstack angular-store.
+The basic angular app example to get started with the TanStack angular-store.
 
 **app.component.ts**
 ```angular-ts

docs/framework/angular/reference/functions/injectstore.md

@@ -5,39 +5,76 @@ title: injectStore
 
 # Function: injectStore()
 
+## Call Signature
+
 ```ts
-function injectStore<TState, TSelected, TUpdater>(
+function injectStore<TState, TSelected>(
    store, 
-   selector, 
-options): Signal<TSelected>
+   selector?, 
+options?): Signal<TSelected>
 ```
 
-## Type Parameters
+### Type Parameters
 
 • **TState**
 
 • **TSelected** = `NoInfer`\<`TState`\>
 
-• **TUpdater** *extends* `AnyUpdater` = `AnyUpdater`
+### Parameters
+
+#### store
+
+`Store`\<`TState`, `any`\>
+
+#### selector?
+
+(`state`) => `TSelected`
+
+#### options?
+
+`CreateSignalOptions`\<`TSelected`\> & `object`
+
+### Returns
+
+`Signal`\<`TSelected`\>
+
+### Defined in
+
+[index.ts:19](https://github.com/TanStack/store/blob/main/packages/angular-store/src/index.ts#L19)
+
+## Call Signature
+
+```ts
+function injectStore<TState, TSelected>(
+   store, 
+   selector?, 
+options?): Signal<TSelected>
+```
+
+### Type Parameters
+
+• **TState**
+
+• **TSelected** = `NoInfer`\<`TState`\>
 
-## Parameters
+### Parameters
 
-### store
+#### store
 
-`Store`\<`TState`, `TUpdater`\>
+`Derived`\<`TState`, `any`\>
 
-### selector
+#### selector?
 
 (`state`) => `TSelected`
 
-### options
+#### options?
 
-`CreateSignalOptions`\<`TSelected`\> & `object` = `...`
+`CreateSignalOptions`\<`TSelected`\> & `object`
 
-## Returns
+### Returns
 
 `Signal`\<`TSelected`\>
 
-## Defined in
+### Defined in
 
-[index.ts:17](https://github.com/TanStack/store/blob/main/packages/angular-store/src/index.ts#L17)
+[index.ts:24](https://github.com/TanStack/store/blob/main/packages/angular-store/src/index.ts#L24)

docs/framework/react/quick-start.md

@@ -3,7 +3,7 @@ title: Quick Start
 id: quick-start
 ---
 
-The basic react app example to get started with the Tanstack react-store.
+The basic react app example to get started with the TanStack react-store.
 
 ```tsx
 import React from "react";
@@ -56,4 +56,4 @@ const root = ReactDOM.createRoot(document.getElementById("root"));
 root.render(<App />);
 
 
-```
+```

docs/framework/react/reference/functions/shallow.md

@@ -29,4 +29,4 @@ function shallow<T>(objA, objB): boolean
 
 ## Defined in
 
-[index.ts:30](https://github.com/TanStack/store/blob/main/packages/react-store/src/index.ts#L30)
+[index.ts:34](https://github.com/TanStack/store/blob/main/packages/react-store/src/index.ts#L34)

docs/framework/react/reference/functions/usestore.md

@@ -5,32 +5,62 @@ title: useStore
 
 # Function: useStore()
 
+## Call Signature
+
 ```ts
-function useStore<TState, TSelected, TUpdater>(store, selector): TSelected
+function useStore<TState, TSelected>(store, selector?): TSelected
 ```
 
-## Type Parameters
+### Type Parameters
 
 • **TState**
 
 • **TSelected** = `NoInfer`\<`TState`\>
 
-• **TUpdater** *extends* `AnyUpdater` = `AnyUpdater`
-
-## Parameters
+### Parameters
 
-### store
+#### store
 
-`Store`\<`TState`, `TUpdater`\>
+`Store`\<`TState`, `any`\>
 
-### selector
+#### selector?
 
 (`state`) => `TSelected`
 
-## Returns
+### Returns
 
 `TSelected`
 
-## Defined in
+### Defined in
 
 [index.ts:11](https://github.com/TanStack/store/blob/main/packages/react-store/src/index.ts#L11)
+
+## Call Signature
+
+```ts
+function useStore<TState, TSelected>(store, selector?): TSelected
+```
+
+### Type Parameters
+
+• **TState**
+
+• **TSelected** = `NoInfer`\<`TState`\>
+
+### Parameters
+
+#### store
+
+`Derived`\<`TState`, `any`\>
+
+#### selector?
+
+(`state`) => `TSelected`
+
+### Returns
+
+`TSelected`
+
+### Defined in
+
+[index.ts:15](https://github.com/TanStack/store/blob/main/packages/react-store/src/index.ts#L15)

docs/framework/solid/quick-start.md

@@ -3,7 +3,7 @@ title: Quick Start
 id: quick-start
 ---
 
-The basic Solid app example to get started with the Tanstack Solid-store.
+The basic Solid app example to get started with the TanStack Solid-store.
 
 ```jsx
 import { useStore, Store } from '@tanstack/solid-store';

docs/framework/solid/reference/functions/usestore.md

@@ -5,32 +5,62 @@ title: useStore
 
 # Function: useStore()
 
+## Call Signature
+
 ```ts
-function useStore<TState, TSelected, TUpdater>(store, selector): Accessor<TSelected>
+function useStore<TState, TSelected>(store, selector?): Accessor<TSelected>
 ```
 
-## Type Parameters
+### Type Parameters
 
 • **TState**
 
 • **TSelected** = `NoInfer`\<`TState`\>
 
-• **TUpdater** *extends* `AnyUpdater` = `AnyUpdater`
-
-## Parameters
+### Parameters
 
-### store
+#### store
 
-`Store`\<`TState`, `TUpdater`\>
+`Store`\<`TState`, `any`\>
 
-### selector
+#### selector?
 
 (`state`) => `TSelected`
 
-## Returns
+### Returns
 
 `Accessor`\<`TSelected`\>
 
-## Defined in
+### Defined in
 
 [index.tsx:13](https://github.com/TanStack/store/blob/main/packages/solid-store/src/index.tsx#L13)
+
+## Call Signature
+
+```ts
+function useStore<TState, TSelected>(store, selector?): Accessor<TSelected>
+```
+
+### Type Parameters
+
+• **TState**
+
+• **TSelected** = `NoInfer`\<`TState`\>
+
+### Parameters
+
+#### store
+
+`Derived`\<`TState`, `any`\>
+
+#### selector?
+
+(`state`) => `TSelected`
+
+### Returns
+
+`Accessor`\<`TSelected`\>
+
+### Defined in
+
+[index.tsx:17](https://github.com/TanStack/store/blob/main/packages/solid-store/src/index.tsx#L17)

docs/framework/svelte/quick-start.md

@@ -3,7 +3,7 @@ title: Quick Start
 id: quick-start
 ---
 
-The basic Svelte app example to get started with the Tanstack svelte-store.
+The basic Svelte app example to get started with the TanStack svelte-store.
 
 **store.ts**
 ```ts
@@ -65,4 +65,4 @@ export function updateState(animal: 'cats' | 'dogs') {
 </script>
 
 <button onclick={() => updateState(animal)}>My Friend Likes { animal }</button>
-```
+```

docs/framework/svelte/reference/functions/shallow.md

@@ -29,4 +29,4 @@ function shallow<T>(objA, objB): boolean
 
 ## Defined in
 
-[index.svelte.ts:39](https://github.com/TanStack/store/blob/main/packages/svelte-store/src/index.svelte.ts#L39)
+[index.svelte.ts:43](https://github.com/TanStack/store/blob/main/packages/svelte-store/src/index.svelte.ts#L43)