Creating a React hooks library

Learn how to create a React hooks library from scratch.

Set up the project

To set up the project, run:

npm create hook-crafter

Then follow the prompts.

Install the dependencies

Install the dependencies with npm, yarn or pnpm.

npm install

Create your hooks

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

import { useState } from "react";

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

  return { count, increment };
};