Added example of Astro usage with nanostores (#539)

* Adding astro-nanostores example

* Changed package name and removed lock file

1 files changed, 27 insertions, 0 deletions

diff --git a/examples/astro-nanostores/src/components/AdminsReact.jsx b/examples/astro-nanostores/src/components/AdminsReact.jsx
new file mode 100644
index 000000000..4feb8c0fd
--- /dev/null
+++ b/examples/astro-nanostores/src/components/AdminsReact.jsx
@@ -0,0 +1,27 @@
+import React from 'react'
+import { useStore } from 'nanostores/react'
+
+import { admins } from '../store/admins.js'
+import { counter, increaseCounter, decreaseCounter } from '../store/counter.js';
+
+const AdminsReact = () => {
+  const list = useStore(admins);
+  const count = useStore(counter);
+  return (
+    <>
+      <h1>React</h1>
+      <ul>
+        {list.map(user => <li key={user.name}>{JSON.stringify(user, null, 2)}</li>)}
+      </ul>
+      <div>
+        <h3>Counter</h3>
+        <p>{count}</p>
+        <button onClick={decreaseCounter}>-1</button>
+        <button onClick={increaseCounter}>+1</button>
+      </div>
+      <br />
+    </>
+  );
+}
+
+export default AdminsReact;
\ No newline at end of file