open-index/open-npm huggingface dataset:
npm package: @fox1/react-scripts
Description: Configuration and scripts for Create React App.
Latest version: 0.0.1

# react-scripts

This package includes scripts and configuration used by [Create React App](https://github.com/facebook/create-react-app).<br>
Please refer to its documentation:

- [Getting Started](https://facebook.github.io/create-react-app/docs/getting-started) – How to create a new app.
- [User Guide](https://facebook.github.io/create-react-app/) – How to develop apps bootstrapped with Create React App.
npm package: @fox2/vfox-resolver
Description: unplugin-vue-components resolver for vfox
Author: Travis
Latest version: 0.0.3

# @fox2/vfox-resolver

[unplugin-vue-components](https://github.com/antfu/unplugin-vue-components) Resolver for [Vfox](https://github.com/godxiaoji/vfox)。

## 使用方式

1. 先安装插件：

```
npm i unplugin-vue-components -D
```

2. 安装组件 Resolver：

```
npm i @fox2/vfox-resolver -D
```

3. 配置 config

`vite.config.js`:

```JavaScript
import { defineConfig } from 'vite'
import vue from '@vitejs/plugin-vue'
import Components from 'unplugin-vue-components/vite'
import { VfoxResolver } from '@fox2/vfox-resolver'

export default defineConfig({
  plugins: [
    vue(),
    Components({
      resolvers: [VfoxResolver()]
    })
  ]
})
```

Or `vue.config.js`

```JavaScript
const Components = require('unplugin-vue-components/webpack')
const { VfoxResolver } = require('@fox2/vfox-resolver')

module.exports = {
  configureWebpack: {
    plugins: [
      Components({
        resolvers: [VfoxResolver()]
      })
    ]
  }
}
```

4. 现在就可以在模版中引入组件

```HTML
<template>
  <fx-button>提交</fx-button>
</template>
```

## 参数

### importStyle

```TypeScript
type ImportStyle = boolean | 'css' | 'sass'
```

假设我们按需引入了 `Button` 组件：

```JavaScript
// set true or 'css' or no set
import 'vfox/es/Button/style/index'

// set 'sass'
import 'vfox/es/Button/style/sass'

// set false
```

### format

```TypeScript
type Format = 'esm' | 'cjs'
```

假设我们按需引入了 `Button` 组件：

```JavaScript
// set 'esm' or no set
import 'vfox/es/Button'

// set 'cjs'
import 'vfox/lib/Button'
```
npm package: @fox333-lab/react-quick-library
Description: A simple cli application to bootstrap react component library package
Author: Sajin Soman
Latest version: 1.0.0

<br />

# react-quick-library

![NPM](https://img.shields.io/npm/l/react-quick-timeline?style=flat-square)

A simple and easy to use CLI to bootstrap reusable react component library or package.

<br />

- [x] Simple to use
- [x] Zero Config
- [x] Fast bundling & transpiling with rollup & babel
- [x] In-built storybook support

<br />

## Installation

<br />

```sh
npm i -g react-quick-library
```

<br />

## Basic Usage

<br />

```sh
#using npx:

npx react-quick-library
```

or

```sh
#after global installation

react-quick-library
```

#### The above command will prompt for below input options:

<br />

| options             | Description                                 |
| ------------------- | ------------------------------------------- |
| Package Name        | Name of the package/library                 |
| Package Description | Description for the package/library         |
| Author Name         | Name of the author ( of course its you 😆 ) |
| Email               | Email id of the author                      |
| GitHub Handle       | GitHub account username                     |
| GitHub Repo         | GitHub Repository for this project          |

<br />
example:

![Prompt](images/prompt.JPG "Prompt")

<br />

> ## Options

<br />

`-y / --yes` :
You can skip the prompts and continue with the defaults by applying -y or --yes flag

```sh
react-quick-library -y

or

react-quick-library --yes
```

output :

![yes flag](images/yes.JPG "yes flag")

<br />

`-h / --help` : Will display usage basic usage info

```sh
react-quick-library -h

or

react-quick-library --help
```

output :

![help](images/help.JPG "help")

<br />

Thats All, Happy Coding 🙂

<br />

# License

MIT &copy; [Sajin Soman](https://github.com/Fox333-Lab)
npm package: @foxaltus/learnstorybook-design-system-template
Description: Storybook design systems tutorial
Author: Guillaume Renard
Latest version: 0.2.3

# Storybook design system tutorial

The Storybook design system tutorial is a subset of the full [Storybook design system](https://github.com/storybookjs/design-system/), created as a learning resource for those interested in learning how to write and publish a design system using best in practice techniques.

Learn more in [Storybook tutorials](https://storybook.js.org/tutorials/).