open-index/open-npm huggingface dataset:
npm package: @grimwoodent/uid
Description: UIDs queue and generators
Author: GrimwoodEnt
Latest version: 1.0.1

# UIDs generators

## Examples

### Queue

Generate number UIDs from 1

``` JavaScript
import { UID } from 'grim.lib';

const queue = new UID.Queue();

const first = queue.next; // 1
const second = queue.getNext(); // 2
```

### Generator

Generate string UIDs (16 numbers or letters)

``` JavaScript
import { UID } from 'grim.lib';

const generator = new UID.Generator();

const uid = generator.generate(); // 9b2534ff20dab52f5dfdc3c88547e0bb
```
npm package: @grimza99/react-async-boundary
Description: React Suspense + ErrorBoundary 통합 컴포넌트
Author: grimza99
Latest version: 2.0.1

# 🧱 @grimza99/react-async-boundary

> Integrated **React Suspense + ErrorBoundary** wrapper for async components  
>  
> 비동기 컴포넌트를 위한 **React Suspense + ErrorBoundary 통합 래퍼 라이브러리**

---

## 🌍 Overview | 개요

### 🇺🇸 English  
`@grimza/react-async-boundary` is a lightweight utility library that simplifies asynchronous rendering in React.  
It provides a unified component (`<AsyncBoundary>`) and a hook (`useAsync`) to seamlessly handle loading, error, and success states —  
without manually writing complex Suspense + ErrorBoundary logic.

### 🇰🇷 한국어  
`@grimza/react-async-boundary`는 React의 비동기 렌더링을 단순화하는 경량 유틸리티 라이브러리입니다.  
Suspense와 ErrorBoundary의 로직을 직접 작성하지 않아도,  
하나의 컴포넌트(`AsyncBoundary`)만으로 로딩, 성공, 에러 상태를 손쉽게 관리할 수 있습니다.

---

## usage

### application
```js
...
      <AsyncBoundary
          loadingFallback={<div>loading...</div>}
          errorFallback={<div>error!</div>}
        >
          <ExampleComponent />
        </AsyncBoundary>
```

**or**

```js
...
      <AsyncBoundary
          loadingFallback={<div>loading...</div>}
          errorFallback={(error, reset) => (
            <div>
              <p>{error.message}</p>
              <button onClick={reset}>retry</button>
            </div>
          )}
        >
          <ExampleComponent />
        </AsyncBoundary>
```

### ExampleComponent
e.g.)

```js
import { useAsyncBoundary } from "@grimza99/react-async-boundary";
...
export default function ErrorComponent() {
  const { data } = useAsyncBoundary(asyncFn);

  return (
    <div>
      <img
        src={data}
        ...
      />
    </div>
  );
}
```

## 📦 Installation 

```bash
npm i @grimza99/react-async-boundary