Getting started with Hook Crafter

Hook Crafter is a Vite and TypeScript template for building your React hook library.

Create the project

To create a Hook Crafter project, run:

npm

npx create-hook-crafter

yarn

npx create-hook-crafter

pnpm

pnpm dlx create-hook-crafter

Then follow the prompt.

Install the dependencies

Install the dependencies with npm, yarn, or pnpm.

npm

npm install

yarn

yarn

pnpm

pnpm install

Create your hooks

Create all your hooks inside the src/hooks directory and export them in the index.ts file.

useCountup.ts

import { useState } from "react";

export const useCountUp = (increase: number) => {
  const [count, setCount] = useState(0);

  const increment = () => setCount(count + increase);
  return { count, increment };
};

index.ts

export * from "./useCountUp";