open-index/open-npm huggingface dataset:
npm package: @idevelopment-hu/react-infinite-list
Description: Simple React infinite list component
Author: Csaba Földesi
Latest version: 1.0.1

# @idevelopment-hu/react-infinite-list

Simple React infinite list component implemented with IntersectionObserver API

## Install

```bash
  npm install --save @idevelopment-hu/react-infinite-list
  
  or

  yarn add @idevelopment-hu/react-infinite-list

```

## Using

```jsx
// create DTO for the data
export type PostDTO = {
  id: number;
  userId: number;
  title: string;
  body: string;
};

// implement InfiniteListDataSource<T>
import { InfiniteListDataSource } from "@idevelopment-hu/react-infinite-list";

export default class DataSource implements InfiniteListDataSource<PostDTO> {
  data: PostDTO[] = [];
  hasNextPage: boolean = true;

  loadNextPage = async () => {
    // load next data then update this.data
  };
}

// use the InfiniteList component
import { InfiniteList } from "@idevelopment-hu/react-infinite-list";

<InfiniteList dataSource={dataSource}>
    {(post: PostDTO, index) => (
    <div key={index}>
        <span>{post.id}</span>
        <span>{post.title}</span>
    </div>
    )}
</InfiniteList>

```

See [example](/example) for more details
npm package: @idevjs/esconf
Description: [idev]eslint基础配置，基于@antfu/eslint-config。
Latest version: 1.0.2

# @idevjs/esconf

基于 [@antfu/eslint-config](https://github.com/antfu/eslint-config) 的 ESLint 配置包。

## 安装

```bash
pnpm i -D @idevjs/esconf eslint
```

## 使用

在项目根目录创建 `eslint.config.js`:

```js
import config from '@idevjs/esconf'

export default config
```

## 特性

- 基于 @antfu/eslint-config
- 支持 Vue 3
- 支持 TypeScript
- 内置格式化规则
- 可扩展的配置

## 配置

目前使用默认配置，未来可以根据需要添加自定义规则。

## 许可证

MIT