open-index/open-npm huggingface dataset:
npm package: @jptissot/babel-preset-react-app
Description: Babel preset used by Create React App
Latest version: 3.1.2

# babel-preset-react-app

This package includes the Babel preset used by [Create React App](https://github.com/facebook/create-react-app).<br>
Please refer to its documentation:

* [Getting Started](https://github.com/facebook/create-react-app/blob/master/README.md#getting-started) – How to create a new app.
* [User Guide](https://github.com/facebook/create-react-app/blob/master/packages/react-scripts/template/README.md) – How to develop apps bootstrapped with Create React App.

## Usage in Create React App Projects

The easiest way to use this configuration is with [Create React App](https://github.com/facebook/create-react-app), which includes it by default. **You don’t need to install it separately in Create React App projects.**

## Usage Outside of Create React App

If you want to use this Babel preset in a project not built with Create React App, you can install it with following steps.

First, [install Babel](https://babeljs.io/docs/setup/).

Then install babel-preset-react-app.

```sh
npm install babel-preset-react-app --save-dev
```

Then create a file named `.babelrc` with following contents in the root folder of your project:

```js
{
  "presets": ["react-app"]
}
```

This preset uses the `useBuiltIns` option with [transform-object-rest-spread](http://babeljs.io/docs/plugins/transform-object-rest-spread/) and [transform-react-jsx](http://babeljs.io/docs/plugins/transform-react-jsx/), which assumes that `Object.assign` is available or polyfilled.

## Usage with TypeScript

To use this package with [`@babel/preset-typescript`](https://www.npmjs.com/package/@babel/preset-typescript), you need to disable `@babel/preset-flow` first.

You can achieve this by doing:

```
{
  "presets": [
    ["react-app", {
        "flow": false
    }],
    "@babel/typescript"
  ]
}
```
npm package: @jptissot/react-scripts
Description: Configuration and scripts for Create React App.
Latest version: 1.3.11

# react-scripts

This package includes scripts and configuration used by [Create React App](https://github.com/facebookincubator/create-react-app).<br>
Please refer to its documentation:

* [Getting Started](https://github.com/facebookincubator/create-react-app/blob/master/README.md#getting-started) – How to create a new app.
* [User Guide](https://github.com/facebookincubator/create-react-app/blob/master/packages/react-scripts/template/README.md) – How to develop apps bootstrapped with Create React App.
npm package: @jpvalery/mistral
Description: jpvalery's design library
Author: @jpvalery
Latest version: 0.4.2

# Mistral

Mistral is the component library I built for my projects both as a challenge and as a way to make my life easier by having a set of ready-to-use components.

## Installing

Start by adding the dependency
`yarn add @jpvalery/mistral`

Update `tailwind.config.js` in your project to include the library files in `content`:

```
module.exports = {
  content: [
    ...
    "./node_modules/@jpvalery/mistral/**/*.js"
  ],
```
npm package: @jpvmrcd/npm-publish-template
Description: npm-publish-template-description
Author: jpmrcd
Latest version: 0.3.0

# npm-publish-template
[![Coverage Status](https://coveralls.io/repos/github/jpvmrcd/npm-publish-template/badge.svg?branch=main)](https://coveralls.io/github/jpvmrcd/npm-publish-template?branch=main)