ReactUseKit

Installation

How to install and use ReactUseKit hooks and helpers in your project?

Quick Start

ReactUseKit provides two installation methods: CLI Installation (recommended) and Copy & Paste.

  1. Add the @reactusekit registry to your components.json
components.json
{
  "registries": {
    "@reactusekit": "https://reactusekit.dev/r/{name}.json"
  }
}
  1. Start adding hooks and helpers.
pnpm dlx shadcn@latest add @reactusekit/use-boolean

Manual Installation (Copy & Paste)

If you prefer manual control or can't use the CLI:

  1. Browse to the hook or helper documentation page
  2. Copy the manual code from the documentation
  3. Create a new file in your project:
    • Hooks: src/hooks/[name].ts
    • Helpers: src/lib/[name].ts
  4. Paste the code and save the file

Prerequisites

  • React 18+ (required for modern hook patterns)
  • TypeScript (recommended for type safety)
  • shadcn/ui setup (for CLI installation method)