poyraz-portfolio/content/snippets/use-local-storage.md

title, language, category, description

title	language	category	description
useLocalStorage Hook	typescript	React Hooks	localStorage ile senkronize çalışan bir React hook'u.

import { useState, useEffect } from "react";

export function useLocalStorage<T>(key: string, initialValue: T) {
  const [value, setValue] = useState<T>(() => {
    if (typeof window === "undefined") return initialValue;
    const stored = localStorage.getItem(key);
    return stored ? JSON.parse(stored) : initialValue;
  });

  useEffect(() => {
    localStorage.setItem(key, JSON.stringify(value));
  }, [key, value]);

  return [value, setValue] as const;
}