Copilot instructions

1---
2applyTo: 'src/hooks/**/*.{ts,tsx}'
3---
4# Custom Hooks Guidelines
5 
6## HOOK PATTERNS & BEST PRACTICES
7 
8### Data Fetching Hooks
9```tsx
10// PERFECT: Focused data fetching
11export const useUsers = () => {
12  return useQuery({
13    queryKey: ['users'],
14    queryFn: () => userService.getAllUsers(),
15    staleTime: 5 * 60 * 1000, // 5 minutes
16  })
17}
18 
19export const useUser = (id: string) => {
20  return useQuery({
21    queryKey: ['users', id],
22    queryFn: () => userService.getUser(id),
23    enabled: !!id,
24  })
25}
26```
27 
28### Form Hooks
29```tsx
30// PERFECT: Reusable form logic
31export const useUserForm = (initialData?: Partial<User>) => {
32  const form = useForm<UserFormData>({
33    resolver: zodResolver(userSchema),
34    defaultValues: initialData || {},
35  })
36 
37  const { mutate: saveUser, isPending } = useMutation({
38    mutationFn: userService.updateUser,
39    onSuccess: () => toast.success('User saved'),
40    onError: (error) => toast.error(error.message),
41  })
42 
43  return { form, saveUser, isPending }
44}
45```
46 
47### UI State Hooks
48```tsx
49// PERFECT: Reusable UI state
50export const useDisclosure = (initialState = false) => {
51  const [isOpen, setIsOpen] = useState(initialState)
52  
53  return {
54    isOpen,
55    open: () => setIsOpen(true),
56    close: () => setIsOpen(false),
57    toggle: () => setIsOpen(prev => !prev),
58  }
59}
60```
61 
62## Hook Naming Convention
63- **Data**: `useUsers`, `useUser`, `useProducts`
64- **Forms**: `useUserForm`, `useProductForm`
65- **UI State**: `useDisclosure`, `useToggle`, `useLocalStorage`
66- **Business Logic**: `useAuth`, `useCart`, `useNotifications`
67