@saifraza/hooks

Shared React hooks for ACS microfrontends.

Installation

This package is part of the monorepo workspace. It's automatically linked when you run yarn install from the root.

Available Hooks

• useTheme - Theme management hook (light/dark mode)
• useDebounce - Debounce values
• useLocalStorage - Persistent local storage state management
• useZodForm - Form validation with Zod schema

Usage

import { useTheme, useDebounce, useLocalStorage } from '@saifraza/hooks';

function MyComponent() {
    const { theme, setTheme, toggleTheme, isDark } = useTheme();
    const [value, setValue] = useState('');
    const debouncedValue = useDebounce(value, 500);
    const [stored, setStored] = useLocalStorage('key', 'default');
    
    return <div>Theme: {theme}</div>;
}

Building

yarn workspace @saifraza/hooks build