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

npm create hook-crafter

yarn

yarn create hook-crafter

pnpm

pnpm 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";