Initial commit

templates/basic-store.ts

@@ -0,0 +1,41 @@
+/**
+ * Basic Zustand Store (JavaScript style, no TypeScript)
+ *
+ * Use when:
+ * - Prototyping quickly
+ * - Small applications
+ * - No TypeScript in project
+ *
+ * Learn more: See SKILL.md for TypeScript version
+ */
+
+import { create } from 'zustand'
+
+// Create store with minimal setup
+export const useStore = create((set) => ({
+  // State
+  count: 0,
+  user: null,
+
+  // Actions
+  increment: () => set((state) => ({ count: state.count + 1 })),
+  decrement: () => set((state) => ({ count: state.count - 1 })),
+  setUser: (user) => set({ user }),
+  reset: () => set({ count: 0, user: null }),
+}))
+
+/**
+ * Usage in component:
+ *
+ * function Counter() {
+ *   const count = useStore((state) => state.count)
+ *   const increment = useStore((state) => state.increment)
+ *
+ *   return (
+ *     <div>
+ *       <p>Count: {count}</p>
+ *       <button onClick={increment}>Increment</button>
+ *     </div>
+ *   )
+ * }
+ */