docs: remove core store from examples and add react-scan to react example (#172)

* examples(all): remove core store from examples.
Import Store from framework adpaters.
Add react-scan to react example

* consistent comments

Author: KevinVandy

docs/framework/angular/quick-start.md

@@ -32,9 +32,9 @@ export class AppComponent {}
 
 **store.ts**
 ```typescript
-import { Store } from '@tanstack/store';
+import { Store } from '@tanstack/angular-store';
 
-// You can use @tanstack/store outside of App components too!
+// You can instantiate the store outside of Angular components too!
 export const store = new Store({
   dogs: 0,
   cats: 0,

docs/framework/react/quick-start.md

@@ -8,10 +8,9 @@ The basic react app example to get started with the TanStack react-store.
 ```tsx
 import React from "react";
 import ReactDOM from "react-dom/client";
-import { useStore } from "@tanstack/react-store";
-import { Store } from "@tanstack/store";
+import { Store, useStore } from "@tanstack/react-store";
 
-// You can use @tanstack/store outside of React components too!
+// You can instantiate the store outside of React components too!
 export const store = new Store({
   dogs: 0,
   cats: 0,
@@ -55,5 +54,4 @@ function App() {
 const root = ReactDOM.createRoot(document.getElementById("root"));
 root.render(<App />);
 
-
 ```

docs/framework/solid/quick-start.md

@@ -6,8 +6,9 @@ id: quick-start
 The basic Solid app example to get started with the TanStack Solid-store.
 
 ```jsx
-import { useStore, Store } from '@tanstack/solid-store';
+import { Store, useStore } from '@tanstack/solid-store';
 
+// You can instantiate the store outside of Solid components too!
 export const store = new Store({
   cats: 0,
   dogs: 0

docs/framework/svelte/quick-start.md

@@ -9,7 +9,7 @@ The basic Svelte app example to get started with the TanStack svelte-store.
 ```ts
 import { Store } from '@tanstack/svelte-store';
 
-// You can use @tanstack/svelte-store outside of Svelte files too!
+// You can instantiate the store outside of Svelte files too!
 export const store = new Store({
   dogs: 0,
   cats: 0,

docs/framework/vue/quick-start.md

@@ -24,9 +24,9 @@ import Display from './Display.vue';
 
 **store.js**
 ```js
-import { Store } from '@tanstack/store';
+import { Store } from '@tanstack/vue-store';
 
-// You can use @tanstack/store outside of Vue components too!
+// You can instantiate the store outside of Vue components too!
 export const store = new Store({
   dogs: 0,
   cats: 0,

examples/angular/simple/angular.json

@@ -74,5 +74,8 @@
         }
       }
     }
+  },
+  "cli": {
+    "analytics": false
   }
 }

examples/angular/simple/package.json

@@ -18,7 +18,6 @@
     "@angular/platform-browser-dynamic": "^19.2.0",
     "@angular/router": "^19.2.0",
     "@tanstack/angular-store": "^0.7.0",
-    "@tanstack/store": "^0.7.0",
     "rxjs": "^7.8.2",
     "tslib": "^2.8.1",
     "zone.js": "^0.15.0"

examples/angular/simple/src/app/store.ts

@@ -1,6 +1,6 @@
-import { Store } from '@tanstack/store'
+import { Store } from '@tanstack/angular-store'
 
-// You can use @tanstack/store outside of App components too!
+// You can instantiate a Store outside of Angular components too!
 export const store = new Store({
   dogs: 0,
   cats: 0,

examples/react/simple/package.json

@@ -10,14 +10,14 @@
   },
   "dependencies": {
     "@tanstack/react-store": "^0.7.0",
-    "@tanstack/store": "^0.7.0",
     "react": "^18.3.1",
     "react-dom": "^18.3.1"
   },
   "devDependencies": {
     "@types/react": "^18.3.3",
     "@types/react-dom": "^18.3.0",
     "@vitejs/plugin-react": "^4.3.4",
+    "react-scan": "^0.2.12",
     "vite": "^6.1.1"
   },
   "browserslist": {

examples/react/simple/src/index.tsx

@@ -1,8 +1,8 @@
+import { scan } from 'react-scan' // dev-tools for demo
 import ReactDOM from 'react-dom/client'
-import { useStore } from '@tanstack/react-store'
-import { Store } from '@tanstack/store'
+import { Store, useStore } from '@tanstack/react-store'
 
-// You can use @tanstack/store outside of React components too!
+// You can use instantiate a Store outside of React components too!
 export const store = new Store({
   dogs: 0,
   cats: 0,
@@ -53,3 +53,5 @@ function App() {
 
 const root = ReactDOM.createRoot(document.getElementById('root')!)
 root.render(<App />)
+
+scan()