open-index/open-npm huggingface dataset:
npm package: @modern-js/swc-plugins-linux-arm-gnueabihf
Description: This is the **armv7-unknown-linux-gnueabihf** binary for `@modern-js/swc-plugins`
Latest version: 0.2.0

# `@modern-js/swc-plugins-linux-arm-gnueabihf`

This is the **armv7-unknown-linux-gnueabihf** binary for `@modern-js/swc-plugins`
npm package: @modern-js/swc-plugins-linux-arm64-gnu
Description: This is the **aarch64-unknown-linux-gnu** binary for `@modern-js/swc-plugins`
Latest version: 0.6.11

# `@modern-js/swc-plugins-linux-arm64-gnu`

This is the **aarch64-unknown-linux-gnu** binary for `@modern-js/swc-plugins`
npm package: @modern-js/swc-plugins-linux-arm64-musl
Description: This is the **aarch64-unknown-linux-musl** binary for `@modern-js/swc-plugins`
Latest version: 0.6.11

# `@modern-js/swc-plugins-linux-arm64-musl`

This is the **aarch64-unknown-linux-musl** binary for `@modern-js/swc-plugins`
npm package: @modern-js/swc-plugins-linux-x64-gnu
Description: This is the **x86_64-unknown-linux-gnu** binary for `@modern-js/swc-plugins`
Latest version: 0.6.11

# `@modern-js/swc-plugins-linux-x64-gnu`

This is the **x86_64-unknown-linux-gnu** binary for `@modern-js/swc-plugins`
npm package: @modern-js/swc-plugins-linux-x64-musl
Description: This is the **x86_64-unknown-linux-musl** binary for `@modern-js/swc-plugins`
Latest version: 0.6.11

# `@modern-js/swc-plugins-linux-x64-musl`

This is the **x86_64-unknown-linux-musl** binary for `@modern-js/swc-plugins`
npm package: @modern-js/swc-plugins-win32-arm64-msvc
Description: This is the **x86_64-pc-windows-msvc** binary for `@modern-js/swc-plugins`
Latest version: 0.6.11

# `@modern-js/swc-plugins-win32-x64-msvc`

This is the **x86_64-pc-windows-msvc** binary for `@modern-js/swc-plugins`
npm package: @modern-js/swc-plugins-win32-x64-msvc
Description: This is the **x86_64-pc-windows-msvc** binary for `@modern-js/swc-plugins`
Latest version: 0.6.11

# `@modern-js/swc-plugins-win32-x64-msvc`

This is the **x86_64-pc-windows-msvc** binary for `@modern-js/swc-plugins`
npm package: @modern-js/swc-react-const-elements-plugin
Description: swc port of @babel/plugin-transform-react-constant-elements
Author: jserfeng
Latest version: 0.6.11

# Quick Start

## Install

```bash
npm i swc-plugin-react-const-elements-plugin
```

Add this to your config

```json
{
  "jsc": {
    "experimental": {
      "plugins": [
        [
          "@modern-js/swc-react-const-elements-plugin",
          {}
        ]
      ]
    }
  }
}
```

## Options

immutableGlobals

- type: string[]

By default all global components are considered mutable, so ```<Comp />``` is never hoisted, if you are sure ```Comp``` is immutable, you can add it to `immutableGlobals` like:

```json
{
  "jsc": {
    "experimental": {
      "plugins": [
        [
          "@modern-js/swc-react-const-elements-plugin",
          {
            "immutableGlobals": ["Comp"]
          }
        ]
      ]
    }
  }
}
```

allowMutablePropsOnTags

- type: string[]

By default all expression and object literal are considered mutable, so ```<Card info={{ name: 'modern.js' }} />``` is never hoisted, if you are sure ```Card``` is fine if it has mutable props, you can add it to `allowMutablePropsOnTags` like:

```json
{
  "jsc": {
    "experimental": {
      "plugins": [
        [
          "@modern-js/swc-react-const-elements-plugin",
          {
            "allowMutablePropsOnTags": ["Card"]
          }
        ]
      ]
    }
  }
}
```
npm package: @modern-js/update
Description: The meta-framework suite designed from scratch for frontend-focused modern web development.
Latest version: 1.2.4


<p align="center">
  <a href="https://modernjs.dev" target="blank"><img src="https://lf3-static.bytednsdoc.com/obj/eden-cn/ylaelkeh7nuhfnuhf/modernjs-cover.png" width="300" alt="Modern.js Logo" /></a>
</p>
<p align="center">
现代 Web 工程体系
  <br/>
  <a href="https://modernjs.dev" target="blank">
    modernjs.dev
  </a>
</p>
<p align="center">
  The meta-framework suite designed from scratch for frontend-focused modern web development
</p>

# Introduction

> The doc site ([modernjs.dev](https://modernjs.dev)) and articles are only available in Chinese for now, we are planning to add English versions soon.

- [Modern.js: Hello, World!](https://zhuanlan.zhihu.com/p/426707646)

## Getting Started

- [Quick Start](https://modernjs.dev/docs/start)
- [Guides](https://modernjs.dev/docs/guides)
- [API References](https://modernjs.dev/docs/apis)

## Contributing

- [Contributing Guide](https://github.com/modern-js-dev/modern.js/blob/main/CONTRIBUTING.md)
npm package: @modern-js/webpack-builder-plugin-esbuild
Description: Esbuild plugin for webpack-builder in Modern.js
Latest version: 1.16.0-alpha.underfin.1


<p align="center">
  <a href="https://modernjs.dev" target="blank"><img src="https://lf3-static.bytednsdoc.com/obj/eden-cn/ylaelkeh7nuhfnuhf/modernjs-cover.png" width="300" alt="Modern.js Logo" /></a>
</p>
<p align="center">
现代 Web 工程体系
  <br/>
  <a href="https://modernjs.dev" target="blank">
    modernjs.dev
  </a>
</p>
<p align="center">
  The meta-framework suite designed from scratch for frontend-focused modern web development
</p>

# Introduction

> The doc site ([modernjs.dev](https://modernjs.dev)) and articles are only available in Chinese for now, we are planning to add English versions soon.

- [Modern.js: Hello, World!](https://zhuanlan.zhihu.com/p/426707646)

## Getting Started

- [Quick Start](https://modernjs.dev/docs/start)
- [Guides](https://modernjs.dev/docs/guides)
- [API References](https://modernjs.dev/docs/apis)

## Contributing

- [Contributing Guide](https://github.com/modern-js-dev/modern.js/blob/main/CONTRIBUTING.md)
npm package: @modern-kit/react
Description: modern-kit/react
Author: ssi02014
Latest version: 3.0.1

# @modern-kit/react <a href="https://www.npmjs.com/package/@modern-kit/react" target="_blank"><img align="center" src="https://img.shields.io/npm/v/@modern-kit/react.svg" /></a>

React와 관련된 유용한 `컴포넌트`와 `커스텀 훅`을 제공하는 라이브러리입니다.

<br />

## Documentation
`@modern-kit`의 공식 문서는 아래 웹사이트에서 확인하실 수 있습니다
- <a href="https://modern-agile-team.github.io/modern-kit" target="_blank">https://modern-agile-team.github.io/modern-kit</a>

<br />

## Download
```shell
npm i @modern-kit/react
```

```shell
yarn add @modern-kit/react
```

```shell
pnpm i @modern-kit/react
```

<br />

## Usage

```tsx
import { useInterval } from '@modern-kit/react';

const App = () => {
  useInterval(() => {
    console.log('interval');
  }, 300);

  return <div>Modern Kit</div>;
}
```
```ts
// SubPath 사용 예시
// tsconfig moduleResolution 옵션이 `bundler`일 경우
import { flatten } from '@modern-kit/utils/array/flatten';
// tsconfig moduleResolution 옵션이 `node`일 경우
import { flatten } from '@modern-kit/utils/dist/array/flatten';

const arr = [1, [2, [3, 4], 5]];
const result = flatten(arr); // [1, 2, 3, 4, 5]
```

<br />

## License
MIT © Modern Agile. See [LICENSE](../../LICENSE) for details.

<br />
npm package: @modern-kit/types
Description: modern-kit/types
Author: ssi02014
Latest version: 2.1.0

# @modern-kit/types <a href="https://www.npmjs.com/package/@modern-kit/types" target="_blank"><img align="center" src="https://img.shields.io/npm/v/@modern-kit/types.svg" /></a>

클라이언트 개발에 유용한 타입스크립트 유틸 타입들을 제공합니다.

<br />

## Documentation
`@modern-kit`의 공식 문서는 아래 웹사이트에서 확인하실 수 있습니다
- <a href="https://modern-agile-team.github.io/modern-kit" target="_blank">https://modern-agile-team.github.io/modern-kit</a>

<br />

## Download
```shell
npm i -D @modern-kit/types
```

```shell
yarn add -D @modern-kit/types
```

```shell
pnpm i -D @modern-kit/types
```

<br />

## Usage

```ts
import { Merge } from '@modern-kit/types';

type A = { a: string, b: number }
type B = { b: string, c: boolean }
type Result = Merge<A, B>
// { a: string, b: string, c: boolean }
```

<br />

## License
MIT © Modern Agile. See [LICENSE](../../LICENSE) for details.

<br />
npm package: @modern-kit/utils
Description: modern-kit/utils
Author: ssi02014
Latest version: 3.1.0

# @modern-kit/utils <a href="https://www.npmjs.com/package/@modern-kit/utils" target="_blank"><img align="center" src="https://img.shields.io/npm/v/@modern-kit/utils.svg" /></a>

클라이언트 개발에 유용한 `유틸리티 함수`를 제공하는 라이브러리입니다.

<br />

## Documentation
`@modern-kit`의 공식 문서는 아래 웹사이트에서 확인하실 수 있습니다
- <a href="https://modern-agile-team.github.io/modern-kit" target="_blank">https://modern-agile-team.github.io/modern-kit</a>

<br />

## Download
```shell
npm i @modern-kit/utils
```

```shell
yarn add @modern-kit/utils
```


```shell
pnpm i @modern-kit/utils
```

<br />

## Usage

```ts
import { flatten } from '@modern-kit/utils';

const arr = [1, [2, [3, 4], 5]];
const result = flatten(arr); // [1, 2, 3, 4, 5]
```
```ts
// SubPath 사용 예시
// tsconfig moduleResolution 옵션이 `bundler`일 경우
import { flatten } from '@modern-kit/utils/array/flatten';
// tsconfig moduleResolution 옵션이 `node`일 경우
import { flatten } from '@modern-kit/utils/dist/array/flatten';

const arr = [1, [2, [3, 4], 5]];
const result = flatten(arr); // [1, 2, 3, 4, 5]
```

<br />

## License
MIT © Modern Agile. See [LICENSE](../../LICENSE) for details.

<br />