open-index/open-npm huggingface dataset:
npm package: @reactivers/npm-ts
Description: Create packages for NPM with types. React, NodeJS, NextJS, Typescript
Latest version: 1.0.2

# Installation
```
npx @reactivers/npm-ts my-component
```

# Getting Started
- Edit `package.json`
- Create your components under `src/components`.
- Create your styles to under `src/styles`.
- Export the components and the styles you want to build into `src/index.ts`. 
    - Make sure all of them are `exported`!.
- Then run
```
npm run build
```
- Check `dist` folder

> Note!.
- Don't forget to edit `package.json`!
- Don't forget to edit `README.md`!

- To publish the package
```
npm publish --access=public
```
npm package: @reactivers/shortlink
Description: Link shorter
Latest version: 1.0.1

# Getting Started

## Installation

```
npm install --save @reactivers/shortlink

yarn add @reactivers/shortlink
```

## Usage

```ts
import { shortenLink } '@reactivers/shortlink'

const getShortlink = async () => {
  const {shortlink} = await shortenLink({link: "https://hooks.reactivers.com"})
  console.log("shortlink", shortlink);
}

```
npm package: @reactivers/show
Description: Simple show component
Latest version: 1.0.1

# Getting Started

## Installations
```
npm install --save @reactivers/show
yarn add @reactivers/show
```

## Props

```ts
interface IShowProps {
    showIf: boolean;
}
```

## Example

```ts
...
const [showIf, setShowIf] = useState(false);
...
<Show showIf={showIf}>
...
</Show>
```
npm package: @reactivers/use-auth
Description: Authorization/Authentication manager in React with hook and provider
Latest version: 1.0.2

> # @reactivers/use-auth

[![npm version](https://badge.fury.io/js/@reactivers%2Fuse-auth.svg)](//www.npmjs.com/package/@reactivers/use-auth)

# Welcome

## Introduction

> ```@reactivers/use-auth``` Authorization/Authentication manager in React with hook and provider

## Docs
You can find detailed docs [here](https://hooks.reactivers.com/use-auth)

## Getting Started

### Installation

```bash
npm install --save @reactivers/use-auth

yarn add @reactivers/use-auth
```
npm package: @reactivers/use-click-inside
Description: Detecting clicks on an element in React with hooks!
Latest version: 1.0.0

> # @reactivers/use-click-inside

[![npm version](https://badge.fury.io/js/@reactivers%2Fuse-click-inside.svg)](//www.npmjs.com/package/@reactivers/use-click-inside)

# Welcome

## Introduction

> ```@reactivers/use-click-inside``` Detecting clicks on an element in React with hooks.

## Docs
You can find detailed docs [here](https://hooks.reactivers.com/use-click-inside)

## Getting Started

### Installation

```bash
npm install --save @reactivers/use-click-inside

yarn add @reactivers/use-click-inside
```
npm package: @reactivers/use-click-outside
Description: Detecting clicks on outside of an element in React with hooks.
Latest version: 1.0.0

> # @reactivers/use-click-outside

[![npm version](https://badge.fury.io/js/@reactivers%2Fuse-click-outside.svg)](//www.npmjs.com/package/@reactivers/use-click-outside)

# Welcome

## Introduction

> ```@reactivers/use-click-outside``` 
## Docs
You can find detailed docs [here](https://hooks.reactivers.com/use-click-outside)

## Getting Started

### Installation

```bash
npm install --save @reactivers/use-click-outside

yarn add @reactivers/use-click-outside
```
npm package: @reactivers/use-cookie
Description: Cookie management in React with hooks and providers
Latest version: 1.0.1

> # @reactivers/use-cookie

[![npm version](https://badge.fury.io/js/@reactivers%2Fuse-cookie.svg)](//www.npmjs.com/package/@reactivers/use-cookie)

# Welcome

## Introduction

> ```@reactivers/use-cookie``` cookie management in React with hooks and providers.

## Docs
You can find detailed docs [here](https://hooks.reactivers.com/use-cookie)

## Getting Started

### Installation

```bash
npm install --save @reactivers/use-cookie

yarn add @reactivers/use-cookie
```
npm package: @reactivers/use-counter
Description: Simple counter hook in React
Latest version: 1.0.0

> # @reactivers/use-counter

[![npm version](https://badge.fury.io/js/@reactivers%2Fuse-counter.svg)](//www.npmjs.com/package/@reactivers/use-counter)

# Welcome

## Introduction

> ```@reactivers/use-counter``` simple counter hook in React.

## Docs
You can find detailed docs [here](https://hooks.reactivers.com/use-counter)

## Getting Started

### Installation

```bash
npm install --save @reactivers/use-counter

yarn add @reactivers/use-counter
```
npm package: @reactivers/use-dimensions
Description: React dimensions/grid hooks. Dynamic grid with hooks
Latest version: 1.0.0

> # @reactivers/use-dimensions

[![npm version](https://badge.fury.io/js/@reactivers%use-dimensions.svg)](//www.npmjs.com/package/@reactivers/use-dimensions)

# Welcome

## Introduction

> ```@reactivers/use-dimensions``` provides make and use your own grids with hooks.

## Docs
You can find detailed docs [here](https://hooks.reactivers.com/use-dimensions)

## Getting Started

### Installation

```bash
npm install --save @reactivers/use-dimensions

yarn add @reactivers/use-dimensions
```
npm package: @reactivers/use-event-listener
Description: Custom Event Listener hooks in React
Latest version: 1.0.0

> # @reactivers/use-event-listener

[![npm version](https://badge.fury.io/js/@reactivers%2Fuse-event-listener.svg)](//www.npmjs.com/package/@reactivers/use-event-listener)

# Welcome

## Introduction

> ```@reactivers/use-event-listener``` Custom Event Listener hook in Rect

## Docs
You can find detailed docs [here](https://hooks.reactivers.com/use-event-listener)

## Getting Started

### Installation

```bash
npm install --save @reactivers/use-event-listener

yarn add @reactivers/use-event-listener
```
npm package: @reactivers/use-fetch
Description: All HTTP Fetch requests in React. Awesome React useFetch hook!
Latest version: 1.0.8

> # @reactivers/use-fetch

[![npm version](https://badge.fury.io/js/@reactivers%2Fuse-fetch.svg)](//www.npmjs.com/package/@reactivers/use-fetch)

# Welcome

## Introduction

> ```@reactivers/use-fetch``` contains all HTTP requsest for React in hooks

## Docs
You can find detailed docs [here](https://hooks.reactivers.com/use-fetch)

## Getting Started

### Installation

```bash
npm install --save @reactivers/use-fetch

yarn add @reactivers/use-fetch
```
npm package: @reactivers/use-global-state
Description: Global State in React with hooks and providers
Latest version: 1.0.0

> # @reactivers/use-global-state

[![npm version](https://badge.fury.io/js/@reactivers%2Fuse-global-state.svg)](//www.npmjs.com/package/@reactivers/use-global-state)

# Welcome

## Introduction

> ```@reactivers/use-global-state``` Global State in React with hooks and providers.
## Docs
You can find detailed docs [here](https://hooks.reactivers.com/use-global-state)

## Getting Started

### Installation

```bash
npm install --save @reactivers/use-global-state

yarn add @reactivers/use-global-state
```
npm package: @reactivers/use-hover
Description: Hover/Mouse Over on elements in React with hook
Latest version: 1.0.0

> # @reactivers/use-hover

[![npm version](https://badge.fury.io/js/@reactivers%2Fuse-hover.svg)](//www.npmjs.com/package/@reactivers/use-hover)

# Welcome

## Introduction

> ```@reactivers/use-hover``` Hover/Mouse Over on elements in React with hook.

## Docs
You can find detailed docs [here](https://hooks.reactivers.com/use-hover)

## Getting Started

### Installation

```bash
npm install --save @reactivers/use-hover

yarn add @reactivers/use-hover
```
npm package: @reactivers/use-loading
Description: Loading context and hook in React
Latest version: 1.0.0

> # @reactivers/use-loading

[![npm version](https://badge.fury.io/js/@reactivers%2Fuse-loading.svg)](//www.npmjs.com/package/@reactivers/use-loading)

# Welcome

## Introduction

> ```@reactivers/use-loading``` Loading Context and hook in React

## Docs
You can find detailed docs [here](https://hooks.reactivers.com/use-loading)

## Getting Started

### Installation

```bash
npm install --save @reactivers/use-loading

yarn add @reactivers/use-loading
```
npm package: @reactivers/use-local-storage
Description: Local Storage management in React with hook and context.
Latest version: 1.0.2

> # @reactivers/use-local-storage

[![npm version](https://badge.fury.io/js/@reactivers%2Fuse-local-storage.svg)](//www.npmjs.com/package/@reactivers/use-local-storage)

# Welcome

## Introduction

> ```@reactivers/use-local-storage``` Local Storage management in React with hook and context.

## Docs
You can find detailed docs [here](https://hooks.reactivers.com/use-local-storage)

## Getting Started

### Installation

```bash
npm install --save @reactivers/use-local-storage

yarn add @reactivers/use-local-storage
```
npm package: @reactivers/use-locale
Description: Multi-language/Localization in React with hook and provider.
Latest version: 1.0.0

> # @reactivers/use-locale

[![npm version](https://badge.fury.io/js/@reactivers%2Fuse-locale.svg)](//www.npmjs.com/package/@reactivers/use-locale)

# Welcome

## Introduction

> ```@reactivers/use-locale``` Multi-language/Localization in React with hook and provider.

## Docs
You can find detailed docs [here](https://hooks.reactivers.com/use-locale)

## Getting Started

### Installation

```bash
npm install --save @reactivers/use-locale

yarn add @reactivers/use-locale
```
npm package: @reactivers/use-measure
Description: Measurement info of elements in React hooks.
Latest version: 1.0.0

> # @reactivers/use-measure

[![npm version](https://badge.fury.io/js/@reactivers%2Fuse-measure.svg)](//www.npmjs.com/package/@reactivers/use-measure)

# Welcome

## Introduction

> ```@reactivers/use-measure``` Measurement info of elements in React hooks.

## Docs
You can find detailed docs [here](https://hooks.reactivers.com/use-measure)

## Getting Started

### Installation

```bash
npm install --save @reactivers/use-measure

yarn add @reactivers/use-measure
```
npm package: @reactivers/use-mounted
Description: React component life cycle hook
Latest version: 1.0.0

> # @reactivers/use-mounted

[![npm version](https://badge.fury.io/js/@reactivers%2Fuse-mounted.svg)](//www.npmjs.com/package/@reactivers/use-mounted)

# Welcome

## Introduction

> ```@reactivers/use-mounted``` React component life cycle hook

## Docs
You can find detailed docs [here](https://hooks.reactivers.com/use-mounted)

## Getting Started

### Installation

```bash
npm install --save @reactivers/use-mounted

yarn add @reactivers/use-mounted
```
npm package: @reactivers/use-previous
Description: Previous value of a state in React with hook
Latest version: 1.0.0

> # @reactivers/use-previous

[![npm version](https://badge.fury.io/js/@reactivers%2Fuse-previous.svg)](//www.npmjs.com/package/@reactivers/use-previous)

# Welcome

## Introduction

> ```@reactivers/use-previous``` Previous value of a state in React with hook

## Docs
You can find detailed docs [here](https://hooks.reactivers.com/use-previous)

## Getting Started

### Installation

```bash
npm install --save @reactivers/use-previous

yarn add @reactivers/use-previous
```
npm package: @reactivers/use-safe-area
Description: Safe area values in the devices which have notches in React with hook and provider.
Latest version: 1.0.0

> # @reactivers/use-safe-area

[![npm version](https://badge.fury.io/js/@reactivers%2Fuse-safe-area.svg)](//www.npmjs.com/package/@reactivers/use-safe-area)

# Welcome

## Introduction

> ```@reactivers/use-safe-area``` Safe area values in the devices which have notches in React with hook and provider.

## Docs
You can find detailed docs [here](https://hooks.reactivers.com/use-safe-area)

## Getting Started

### Installation

```bash
npm install --save @reactivers/use-safe-area

yarn add @reactivers/use-safe-area
```
npm package: @reactivers/use-socket
Description: Web Socket Connection manager in React with hook and provider
Latest version: 1.0.3

> # @reactivers/use-socket

[![npm version](https://badge.fury.io/js/@reactivers%2Fuse-socket.svg)](//www.npmjs.com/package/@reactivers/use-socket)

# Welcome

## Introduction

> ```@reactivers/use-socket``` Web Socket Connection manager in React with hook and provider

## Docs
You can find detailed docs [here](https://hooks.reactivers.com/use-socket)

## Getting Started

### Installation

```bash
npm install --save @reactivers/use-socket

yarn add @reactivers/use-socket
```
npm package: @reactivers/use-theme
Description: Custom Light/Dark mode Theme manager in React with hook and provider
Latest version: 1.0.1

> # @reactivers/use-theme

[![npm version](https://badge.fury.io/js/@reactivers%2Fuse-theme.svg)](//www.npmjs.com/package/@reactivers/use-theme)

# Welcome

## Introduction

> ```@reactivers/use-theme``` Custom Light/Dark mode Theme manager in React with hook and provider

## Docs
You can find detailed docs [here](https://hooks.reactivers.com/use-theme)

## Getting Started

### Installation

```bash
npm install --save @reactivers/use-theme

yarn add @reactivers/use-theme
```
npm package: @reactivers/use-title
Description: Configure Page Title in React with hook
Latest version: 1.0.0

> # @reactivers/use-title

[![npm version](https://badge.fury.io/js/@reactivers%2Fuse-title.svg)](//www.npmjs.com/package/@reactivers/use-title)

# Welcome

## Introduction

> ```@reactivers/use-title``` Configure Page Title in React with hook

## Docs
You can find detailed docs [here](https://hooks.reactivers.com/use-title)

## Getting Started

### Installation

```bash
npm install --save @reactivers/use-title

yarn add @reactivers/use-title
```
npm package: @reactivers/use-utils
Description: Awesome utils in React with hook
Latest version: 1.0.0

> # @reactivers/use-utils

[![npm version](https://badge.fury.io/js/@reactivers%2Fuse-utils.svg)](//www.npmjs.com/package/@reactivers/use-utils)

# Welcome

## Introduction

> ```@reactivers/use-utils``` Awesome utils in React with hook

## Docs
You can find detailed docs [here](https://hooks.reactivers.com/use-utils)

## Getting Started

### Installation

```bash
npm install --save @reactivers/use-utils

yarn add @reactivers/use-utils
```