ID generator ·
Usage example
-
uuidv4
import React from 'react'; import { uuidv4 } from '@nikitababko/id-generator'; import { AppProps } from './App.types.ts'; export const App: React.FC<AppProps> = ({ users }) => { return ( <div> {users.map((item) => ( <div key={uuidv4()}> {/* d9c5f9f9-a7c3-ef9e-62cb-17ceea52001f */} <p>{item.name}</p> <p>{item.age}</p> </div> ))} </div> ); };
-
shortId
import React from 'react';
import { shortId } from '@nikitababko/id-generator';
import { AppProps } from './App.types.ts';
export const App: React.FC<AppProps> = ({ users }) => {
return (
<div>
{users.map((item) => (
<div key={shortId()}> {/* 1407c4b */}
<p>{item.name}</p>
<p>{item.age}</p>
</div>
))}
</div>
);
};
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