react-uuid-hook
TypeScript icon, indicating that this package has built-in type declarations

0.0.5 • Public • Published

React UUID hook

A more sophisticated version of https://beta.reactjs.org/reference/react/useId (which is introduced in React 18).

Will generate a unique UUID on the first render, and will not change on subsequent renders.

Provides a Refresh function to regenerate the UUID for this render function.

Made initially for Idempotency Key generation, but could be used to generate keys, although for the case of key generation you'd better use a simpler hook useId provided by React 18.

Supported React versions

>=16.8.0

Installation

npm install react-uuid-hook

Usage

import useUuid from "react-uuid-hook";

const Component = () => {
  const [uuid] = useUuid();

  return <div>{uuid}</div>;
};

Refresh

import useUuid from "react-uuid-hook";

const Component = () => {
  const [uuid, refreshUuid] = useUuid();

  return (
    <div>
      <div>{uuid}</div>
      <button onClick={refreshUuid}>Refresh UUID</button>
    </div>
  );
};

Arguments

The functions exported are useUuidV1, useUuidV3, useUuidV4, useUuidV5. Default export is useUuidV4.

The arguments of each are the same as the uuid package same generators.

License

MIT

Package Sidebar

Install

npm i react-uuid-hook

Weekly Downloads

87

Version

0.0.5

License

MIT

Unpacked Size

4.55 kB

Total Files

5

Last publish

Collaborators

  • firfi