Production-ready hooks for Preact | kamod-hooks

A lightweight collection of typed, tree-shakeable hooks built specifically for Preact.kamod-hooksPreact-first · Typed · Tree-shakeableRetro docs, modern hooksShip Preact features faster with production-ready hooks.Start with setup, verify behavior in live demos, and copy implementation-ready hook patterns with published TypeScript signatures.78documented hooks81live demos0runtime deps in coreInstallpnpm add @kamod-ch/hooks preactPreview the docs experienceTest a real hook, inspect the exact source, and confirm the API shape before you implement it.LiveReal interactive stateExactCopy the shown sourceTypedMatch the published packageLayout: listimport { useToggle } from '@kamod-ch/hooks'

export default function UseToggleDemo() { const [value, actions] = useToggle('list', 'grid')

return ( <div> <p><strong>Layout:</strong> {value}</p> <div class="demo-actions"> <button type="button" onClick={actions.toggle}>Toggle</button> <button type="button" onClick={actions.setLeft}>Set list</button> <button type="button" onClick={actions.setRight}>Set grid</button> </div> </div> ) }

Why kamod-hooksFocused on practical Preact usageThe library mirrors the real implementation in packages/core and keeps the docs grounded in shippable examples.PXPreact-firstHooks are authored for Preact instead of wrapping a React-focused API surface.TSTyped by defaultDistributed declarations stay aligned with implementation and generated docs output.APITree-shakeable exportsImport from the main package or use per-hook subpaths without extra runtime cost.WEBBrowser-native hooksStorage, observers, fullscreen, WebSocket, and URL state are covered with concrete examples. How it worksGo from overview to code quicklyUse the docs like a template: start with the guide, verify behavior in a demo, then copy the exact source shape you need.01Read the guideInstall the package, choose an import style, and review SSR notes before implementation.02Test a live exampleUse an interactive demo to validate behavior, defaults, and edge cases before shipping.03Copy the exact APIUse the page signature and demo source as the baseline for production usage.

ExploreMove from overview to implementation detailsStart with the guide, scan the full hooks index, or jump directly to the exported utilities. Start with the docs, then ship faster.Use the getting-started guide for setup, then jump into the hook pages for demos, signatures, and implementation-ready examples.