ID generator ·

Usage example

• uuidv4

  1import React from 'react';
  2import { uuidv4 } from '@nikitababko/id-generator';
  3
  4import { AppProps } from './App.types.ts';
  5
  6export const App: React.FC<AppProps> = ({ users }) => {
  7   return (
  8      <div>
  9         {users.map((item) => (
  10            <div key={uuidv4()}> {/* d9c5f9f9-a7c3-ef9e-62cb-17ceea52001f */}
  11               <p>{item.name}</p>
  12               <p>{item.age}</p>
  13            </div>
  14         ))}
  15      </div>
  16   );
  17};

• shortId

1import React from 'react';
2import { shortId } from '@nikitababko/id-generator';
3
4import { AppProps } from './App.types.ts';
5
6export const App: React.FC<AppProps> = ({ users }) => {
7   return (
8      <div>
9         {users.map((item) => (
10            <div key={shortId()}> {/* 1407c4b */}
11               <p>{item.name}</p>
12               <p>{item.age}</p>
13            </div>
14         ))}
15      </div>
16   );
17};

Installation

Installation is done using the npm or yarn or pnpm

• npm - npm i @nikitababko/id-generator

• yarn - yarn add @nikitababko/id-generator

• pnpm - pnpm i @nikitababko/id-generator

License

MIT