open-index/open-npm huggingface dataset:
npm package: @rnfdigital/eslint-config
Description: RNF Digital ESLint configuration
Latest version: 2.5.0

# eslint-config

[![Travis](https://img.shields.io/travis/RNFDigital/eslint-config.svg?maxAge=3600)](https://travis-ci.org/RNFDigital/eslint-config)
[![npm](https://img.shields.io/npm/v/@rnfdigital/eslint-config.svg?maxAge=3600)](https://www.npmjs.com/package/@rnfdigital/eslint-config)

RNF Digital ESLint configuration

## Install

```sh
yarn add --dev @rnfdigital/eslint-config babel-eslint eslint eslint-config-prettier eslint-plugin-babel eslint-plugin-eslint-comments eslint-plugin-flowtype eslint-plugin-import eslint-plugin-jest eslint-plugin-jsdoc eslint-plugin-moment-utc eslint-plugin-prettier eslint-plugin-promise eslint-plugin-react eslint-plugin-react-native prettier eslint-plugin-sort-imports-es6-autofix
```

## Setup

```js
// .eslintrc.js
module.exports = {
    root: true,
    // Pick a flavour
    // 'extends': '@rnfdigital/eslint-config',
    // 'extends': '@rnfdigital/eslint-config/node',
    // 'extends': '@rnfdigital/eslint-config/react',
    // 'extends': '@rnfdigital/eslint-config/react-dom',
    // 'extends': '@rnfdigital/eslint-config/react-native',
}
```

## Plugins

* https://github.com/mysticatea/eslint-plugin-eslint-comments
* https://github.com/gajus/eslint-plugin-flowtype
* https://github.com/benmosher/eslint-plugin-import
* https://github.com/xjamundx/eslint-plugin-promise
* https://github.com/yannickcr/eslint-plugin-react
* https://github.com/intellicode/eslint-plugin-react-native
* https://github.com/babel/eslint-plugin-babel
* https://github.com/wunderflats/eslint-plugin-moment-utc
* https://github.com/facebook/jest/tree/master/packages/eslint-plugin-jest
* https://github.com/prettier/eslint-plugin-prettier
* https://github.com/marudor/eslint-plugin-sort-imports-es6-autofix
npm package: @rngdao/randao-cli
Description: - Run with private key
Latest version: 1.0.1

# Randao Cli

- Run with private key

```bash
randao run -k [privateKey]
```

- Run with keystore

```bash
randao run -r [keystore] -p [password]
```

- Run with chains config file

```bash
randao run -k [privateKey] -s [file] || randao run -k [privateKey] --chains [file]
```
npm package: @rngindustries/supersonic
Description: A simple Discord framework for easy prototyping and building of Discord bots.
Latest version: 2.2.2

# Supersonic

A simple Discord framework for easy prototyping and building of Discord bots.

## Installation

```bash
npm install discord.js
npm install @rngindustries/supersonic
```

## discord.js?

Supersonic is a framework built on top of the Discord API library discord.js and is designed to be used with it.
npm package: @rngo/test-publish
Description: rngo client and CLI
Author: rngo
Latest version: 0.0.4

# cli

```
usage: app.js <command>

Commands:
  app.js init    Initialize rngo
  app.js config  Work with rngo config
  app.js gen     Generate rngo data package
  app.js apply   Apply rngo data package

Options:
  --version  Show version number  [boolean]
  --help     Show help  [boolean]
```

To mess around with locally:

`npx tsc`
`node build/app.js <command>`
npm package: @rngueco/lib-sample
Description: This is a [Next.js](https://nextjs.org) project bootstrapped with [`create-next-app`](https://nextjs.org/docs/app/api-reference/cli/create-next-app).
Latest version: 0.3.0

This is a [Next.js](https://nextjs.org) project bootstrapped with [`create-next-app`](https://nextjs.org/docs/app/api-reference/cli/create-next-app).

## Getting Started

First, run the development server:

```bash
npm run dev
# or
yarn dev
# or
pnpm dev
# or
bun dev
```

Open [http://localhost:3000](http://localhost:3000) with your browser to see the result.

You can start editing the page by modifying `app/page.tsx`. The page auto-updates as you edit the file.

This project uses [`next/font`](https://nextjs.org/docs/app/building-your-application/optimizing/fonts) to automatically optimize and load [Geist](https://vercel.com/font), a new font family for Vercel.

## Learn More

To learn more about Next.js, take a look at the following resources:

- [Next.js Documentation](https://nextjs.org/docs) - learn about Next.js features and API.
- [Learn Next.js](https://nextjs.org/learn) - an interactive Next.js tutorial.

You can check out [the Next.js GitHub repository](https://github.com/vercel/next.js) - your feedback and contributions are welcome!

## Deploy on Vercel

The easiest way to deploy your Next.js app is to use the [Vercel Platform](https://vercel.com/new?utm_medium=default-template&filter=next.js&utm_source=create-next-app&utm_campaign=create-next-app-readme) from the creators of Next.js.

Check out our [Next.js deployment documentation](https://nextjs.org/docs/app/building-your-application/deploying) for more details.
npm package: @rnhooks/accessibility-info
Description: React Native hook for Accessibility Info
Author: Divyanshu Maithani
Latest version: 0.0.2

# @rnhooks/accessibility-info [![Build Status](https://travis-ci.com/react-native-hooks/accessibility-info.svg?branch=master)](https://travis-ci.com/react-native-hooks/accessibility-info) [![Maintainability](https://api.codeclimate.com/v1/badges/2e060eaf8a629702a8c6/maintainability)](https://codeclimate.com/github/react-native-hooks/accessibility-info/maintainability)

> React Native hook for [Accessibility Info](https://facebook.github.io/react-native/docs/accessibilityinfo#docsNav)

### Installation

```bash
yarn add @rnhooks/accessibility-info
```

### Usage

```js
import useAccessibilityInfo from '@rnhooks/accessibility-info';

function App() {
  const isScreenReaderEnabled = useAccessibilityInfo();

  return (
    <View style={styles.container}>
      <Text style={styles.type}>Screen reader is:</Text>
      <Text style={styles.effectiveType}>
        {isScreenReaderEnabled ? 'on' : 'off'}
      </Text>
    </View>
  );
}
```

### Output

| Name                  | Type    | Default | Description                                                    |
| --------------------- | ------- | ------- | -------------------------------------------------------------- |
| isScreenReaderEnabled | boolean | `false` | `true` when the screen reader is enabled and `false` otherwise |
npm package: @rnhooks/app-state
Description: React Native hook for App State
Author: Pritish Vaidya
Latest version: 0.0.2

# @rnhooks/app-state [![Build Status](https://travis-ci.com/react-native-hooks/app-state.svg?branch=master)](https://travis-ci.com/react-native-hooks/app-state) [![Maintainability](https://api.codeclimate.com/v1/badges/38b8a5ea908ee84db165/maintainability)](https://codeclimate.com/github/react-native-hooks/dimensions/maintainability) <a href="https://github.com/pritishvaidya/react-native-hooks/app-state/blob/master/README.md"><img src="https://img.shields.io/badge/module%20formats-umd%2C%20cjs%2C%20esm-green.svg" alt="module formats: umd, cjs, esm"></a>

> React Native hook for App State

```
import useAppState from '@rnhooks/app-state';

function App() {
  const { status, foreground } = useAppState();
  return (
    <View style={styles.container}>
      <Text style={styles.type}>{`App State: ${status}`}</Text>
      <Text style={styles.type}>{`Foreground: ${foreground}`}</Text>
    </View>
  );
}
```

### Output
| Name  | Type  | Default | Description |
| :------------ |---------------:| :---------------| :-----|
| [status](https://facebook.github.io/react-native/docs/appstate#app-states) | `active / background / inactive` | `AppState.currentState` | Current App Status |
| foreground | boolean | `true` | Is foreground or not |

## Contribution
- [@pritishvaidya](mailto:pritishvaidya94@gmail.com) The main author.


## Questions

Feel free to [contact me](mailto:pritishvaidya94@gmail.com) or [create an issue](https://github.com/react-native-hooks/app-state/issues/new)
npm package: @rnhooks/async-storage
Description: React Native hook for AsyncStorage
Author: Pritish Vaidya
Latest version: 0.0.2

# @rnhooks/async-storage [![Build Status](https://travis-ci.com/react-native-hooks/async-storage.svg?branch=master)](https://travis-ci.com/react-native-hooks/async-storage) [![Maintainability](https://api.codeclimate.com/v1/badges/6497ec4103f7ff8f95d9/maintainability)](https://codeclimate.com/github/react-native-hooks/async-storage/maintainability) <a href="https://github.com/pritishvaidya/react-native-hooks/async-storage/blob/master/README.md"><img src="https://img.shields.io/badge/module%20formats-umd%2C%20cjs%2C%20esm-green.svg" alt="module formats: umd, cjs, esm"></a>

> React Native hook for AsyncStorage

```
import useAsyncStorage from '@rnhooks/async-storage';

function App() {
  const [storageItem, updateStorageItem, clearStorageItem] = useAsyncStorage(
    key,
  );

  return (
    <View style={styles.container}>
      <Text style={styles.type}>{`Storage Value: ${storageItem}`}</Text>
      <Button
        title="Update Item"
        onPress={() => updateStorageItem('Test String')}
      />
      <Button title="Clear Item" onPress={() => clearStorageItem()} />
    </View>
  );
}
```

### Input
| Name  | Type  | Default | Description |
| :------------ |---------------:| :---------------| :-----|
| key | String | `null` | Async Storage Key |


### Output
| Name  | Type  | Default | Description |
| :------------ |---------------:| :---------------| :-----|
| storageItem | String | `null` | Async Storage Item |
| updateStorageItem | function | `() => {}` | Async Storage updater method |
| clearStorageItem | function | `() => {}` | Async Storage clear item method |

## Contribution
- [@pritishvaidya](mailto:pritishvaidya94@gmail.com) The main author.


## Questions

Feel free to [contact me](mailto:pritishvaidya94@gmail.com) or [create an issue](https://github.com/react-native-hooks/async-storage/issues/new)
npm package: @rnhooks/back-handler
Description: React Native hook for Back Handler
Author: Pritish Vaidya
Latest version: 0.0.2

# @rnhooks/back-handler [![Build Status](https://travis-ci.com/react-native-hooks/back-handler.svg?branch=master)](https://travis-ci.com/react-native-hooks/back-handler) [![Maintainability](https://api.codeclimate.com/v1/badges/0a91baa4c70c55b096c1/maintainability)](https://codeclimate.com/github/react-native-hooks/back-handler/maintainability) <a href="https://github.com/pritishvaidya/react-native-hooks/back-handler/blob/master/README.md"><img src="https://img.shields.io/badge/module%20formats-umd%2C%20cjs%2C%20esm-green.svg" alt="module formats: umd, cjs, esm"></a>

> React Native hook for [Back Handler](#https://facebook.github.io/react-native/docs/backhandler#docsNav)

```
import useBackHandler from '@rnhooks/back-handler';

function backhandler () {
  // ... Custom Setup
}

function App() {
  const count = useBackHandler(backhandler);
  
  return (
    <View style={styles.container}>
      <Text style={styles.type}>{`Count: ${count}`}</Text>
    </View>
  );
}
```

### Input
| Name          | Type                | Default | Description                                                                     |
| :------------ | :------------------ | ------: | :-------------------------------------------------------------------------------|
| `backhandler` | `function \ string` | `exit`  | Either provide with custom back handler method or `exit` string to exit the app |


### Output
| Name  | Type   | Default | Description      |
| :---- | :----- | -------:| :----------------|
| count | Number | `0`       | Back press count |


## Contribution
- [@pritishvaidya](mailto:pritishvaidya94@gmail.com) The main author.

## Questions

Feel free to [contact me](mailto:pritishvaidya94@gmail.com) or [create an issue](https://github.com/react-native-hooks/back-handler/issues/new)
npm package: @rnhooks/camera-roll
Description: React Native Hook for Camera Roll
Author: Pritish Vaidya
Latest version: 0.0.1

# @rnhooks/camera-roll [![Build Status](https://travis-ci.com/react-native-hooks/camera-roll.svg?branch=master)](https://travis-ci.com/react-native-hooks/camera-roll) [![Maintainability](https://api.codeclimate.com/v1/badges/1193d3c7e4cac429b41d/maintainability)](https://codeclimate.com/github/react-native-hooks/camera-roll/maintainability)

> React Native hook for [Camera Roll](https://facebook.github.io/react-native/docs/cameraroll#docsNav)

### Installation

```bash
yarn add @rnhooks/camera-roll
```

### Usage

```js
import useCameraRoll from '@rnhooks/camera-roll';

function App() {
  const [photos, getPhotos, saveToCameraRoll, error] = useCameraRoll();

  return (
    <View style={styles.container}>
      <Text style={styles.welcome}>@rnhooks/camera-roll</Text>
      <Button title="Get Photos" onPress={getPhotos} />
    </View>
  );
}

```

### Output

| Name             | Default              | Type     | Description                  |
| ---------------- | :------------------- | --------:| ---------------------------- |
| photos           | [Defaults](#defaults)| object   | Photos Object                |
| getPhotos        | `(params) => {}`     | function | Get Photos Function          |
| saveToCameraRoll | `() => {}`           | function | Save to Camera Roll Function |
| error            | `undefined`          | string   | Error string                 |

### Defaults
```
const initialState = {
  edges: [],
  page_info: {
    has_next_page: false,
    start_cursor: '',
    end_cursor: '',
  },
};
```
npm package: @rnhooks/clipboard
Description: React Native hook for Clipboard
Author: Pritish Vaidya
Latest version: 0.0.1

# @rnhooks/clipboard [![Build Status](https://travis-ci.com/react-native-hooks/clipboard.svg?branch=master)](https://travis-ci.com/react-native-hooks/clipboard) [![Maintainability](https://api.codeclimate.com/v1/badges/e82c7feaf06945de203d/maintainability)](https://codeclimate.com/github/react-native-hooks/clipboard/maintainability) <a href="https://github.com/pritishvaidya/react-native-hooks/clipboard/blob/master/README.md"><img src="https://img.shields.io/badge/module%20formats-umd%2C%20cjs%2C%20esm-green.svg" alt="module formats: umd, cjs, esm"></a>

> React Native hook for Clipboard

```
import useClipboard from '@rnhooks/clipboard';

function App() {
  const [content, updateContent] = useClipboard();

  return (
    <View style={styles.container}>
      <Text style={styles.type}>{`Content: ${content}`}</Text>
      <Button title="Update" onPress={() => updateContent('test string')} />
    </View>
  );
}
```


### Output
| Name  | Type  | Default | Description |
| :------------ |---------------:| :---------------| :-----|
| content | String | `null` | Clipboard content string |
| updateContent | function | `() => {}` | Clipboard content string update function |

## Contribution
- [@pritishvaidya](mailto:pritishvaidya94@gmail.com) The main author.


## Questions

Feel free to [contact me](mailto:pritishvaidya94@gmail.com) or [create an issue](https://github.com/react-native-hooks/clipboard/issues/new)
npm package: @rnhooks/device-orientation
Description: React Native hook for Device Orientation
Author: Divyanshu Maithani
Latest version: 0.0.2

# @rnhooks/device-orientation [![Build Status](https://travis-ci.com/react-native-hooks/device-orientation.svg?branch=master)](https://travis-ci.com/react-native-hooks/device-orientation) [![Maintainability](https://api.codeclimate.com/v1/badges/66997889d9122a22f79b/maintainability)](https://codeclimate.com/github/react-native-hooks/device-orientation/maintainability)

> React Native hook for [device orientation](https://facebook.github.io/react-native/docs/dimensions#docsNav)

[Demo](./demo-orientation.gif)

### Installation

```bash
yarn add @rnhooks/device-orientation
```

### Usage

```js
import useDeviceOrientation from '@rnhooks/device-orientation';

function App() {
  const deviceOrientation = useDeviceOrientation();

  return (
    <View style={styles.container}>
      <Text style={styles.type}>Device orientation is:</Text>
      <Text style={styles.effectiveType}>{deviceOrientation}</Text>
    </View>
  );
}
```

### Output

| Name              | Values                  | Description                                    |
| ----------------- | ----------------------- | ---------------------------------------------- |
| deviceOrientation | `portrait`, `landscape` | possible values are `portrait` and `landscape` |
npm package: @rnhooks/dimensions
Description: React Native hook for Dimensions
Author: Pritish Vaidya
Latest version: 0.0.3

# @rnhooks/dimensions [![Build Status](https://travis-ci.com/react-native-hooks/dimensions.svg?branch=master)](https://travis-ci.com/react-native-hooks/dimensions) [![Maintainability](https://api.codeclimate.com/v1/badges/38b8a5ea908ee84db165/maintainability)](https://codeclimate.com/github/react-native-hooks/dimensions/maintainability) <a href="https://github.com/pritishvaidya/react-native-hooks/dimensions/blob/master/README.md"><img src="https://img.shields.io/badge/module%20formats-umd%2C%20cjs%2C%20esm-green.svg" alt="module formats: umd, cjs, esm"></a>

> React Native hook for Dimensions

### Installation

```bash
$ yarn add @rnhooks/dimensions
```
### Usage

```
import useDimensions from '@rnhooks/dimensions';

function App() {
  const { fontScale, width, height, scale } = useDimensions('window');

  return (
    <View style={styles.container}>
      <Text style={styles.type}>{`Width: ${width}`}</Text>
      <Text style={styles.type}>{`Height: ${height}`}</Text>
      <Text style={styles.type}>{`Font Scale: ${fontScale}, Scale: ${scale}`}</Text>
    </View>
  );
}
```

### Input
| Name  | Default  | Type | Description |
| :------------ |---------------:| :---------------| :-----|
| `window / screen` | `null` | string | Type `window` or `screen` Dimension |


### Output
| Name  | Type  | Default | Description |
| :------------ |---------------:| :---------------| :-----|
| width | number | `null` | Width of the Screen |
| height | number | `null` | Height of the Screen |
| fontScale | number | `null` | Font Scale of the Screen |
| scale | number | `null` | Scale of the Screen |

## Contribution
- [@pritishvaidya](mailto:pritishvaidya94@gmail.com) The main author.


## Questions

Feel free to [contact me](mailto:pritishvaidya94@gmail.com) or [create an issue](https://github.com/react-native-hooks/dimensions/issues/new)
npm package: @rnhooks/interaction-manager
Description: React Native Hook for Interaction Manager
Author: Pritish Vaidya
Latest version: 0.0.1

# @rnhooks/interaction-manager [![Build Status](https://travis-ci.com/react-native-hooks/interaction-manager.svg?branch=master)](https://travis-ci.com/react-native-hooks/interaction-manager) [![Maintainability](https://api.codeclimate.com/v1/badges/f0b9609e95f519dd9276/maintainability)](https://codeclimate.com/github/react-native-hooks/interaction-manager/maintainability)

> React Native hook for [Interaction Manager](https://facebook.github.io/react-native/docs/interactionmanager#docsNav)

### Installation

```bash
yarn add @rnhooks/interaction-manager
```

### Usage

```js
import useCameraRoll from '@rnhooks/interaction-manager';

function App() {
  const interactionComplete = useInteractionManager();
  
  return (
    <View style={styles.container}>
      <Text style={styles.welcome}>@rnhooks/interaction-manager</Text>
      <Text style={styles.instructions}>{interactionComplete.toString()}</Text>
    </View>
  );
}

```

### Output

| Name                | Default | Type     | Description          |
| ------------------- | :------ | --------:| -------------------- |
| interactionComplete | false   | boolean  | Interaction Complete |
npm package: @rnhooks/keyboard
Description: React Native Hook for Keyboard
Author: Pritish Vaidya
Latest version: 1.1.0

# @rnhooks/keyboard [![Build Status](https://travis-ci.com/react-native-hooks/keyboard.svg?branch=master)](https://travis-ci.com/react-native-hooks/keyboard) [![Maintainability](https://api.codeclimate.com/v1/badges/6f1a6ac06d2cbb972cdd/maintainability)](https://codeclimate.com/github/react-native-hooks/keyboard/maintainability)

> React Native hook for [keyboard](https://facebook.github.io/react-native/docs/keyboard#docsNav)

### Installation

```bash
yarn add @rnhooks/keyboard
```

> **Note**
>
> `v1.0.0` and above is only supported on `react-native >= 0.65`, for older `react-native` use the older release.

### Usage

```js
import useKeyboard from '@rnhooks/keyboard';

function App() {
  const [visible, dismiss] = useKeyboard();

  return (
    <View style={styles.container}>
      <Text style={styles.welcome}>@rnhook/keyboard</Text>
      <Text style={styles.instructions}>{visible ? 'Keyboard Visible' : 'Keyboard Not Visible'}</Text>
      <Button title="Dismiss Keyboard" onPress={dismiss} />
    </View>
  );
}

```

### Configuration

If you like, you can configure the hook to use the `will` events instead of the
`did` events (by default, it uses the `did` events). This is useful in cases
where you want to trigger an animation before the keyboard begins dismissing:

```js
useKeyboard({
  useWillShow: true,
  useWillHide: true,
})
```

| Name        | Default | Type    | Description                               |
| ----------- | ------- | -------:| ----------------------------------------- |
| useWillShow | `false` | boolean | Use the `keyboardWillShow` event instead. |
| useWillHide | `false` | boolean | Use the `keyboardWillHide` event instead. |

### Output

| Name    | Default             | Type     | Description         |
| ------- | ------------------- | --------:| ------------------- |
| visible | `false`             | boolean  | Keyboard Visibility |
| dismiss | `Keyboard.dismiss`  | function | Dismiss Keyboard    |
npm package: @rnhooks/linking
Description: React Native Hook for Linking
Author: Pritish Vaidya
Latest version: 0.0.1

# @rnhooks/linking [![Build Status](https://travis-ci.com/react-native-hooks/linking.svg?branch=master)](https://travis-ci.com/react-native-hooks/linking) [![Maintainability](https://api.codeclimate.com/v1/badges/6bbe140d757ff4365dfe/maintainability)](https://codeclimate.com/github/react-native-hooks/linking/maintainability)

> React Native hook for [Linking](https://facebook.github.io/react-native/docs/linking#docsNav)

### Installation

```bash
yarn add @rnhooks/linking
```

### Usage

```js
import useLinking from '@rnhooks/linking';

function App() {
  const [url, openUrl, error] = useLinking();
  return (
    <View style={styles.container}>
      <Text style={styles.welcome}>@rnhooks/linking</Text>
      <Text style={styles.instructions}>Linking URL</Text>
      <Text style={styles.instructions}>{url || error}</Text>
      <Button title="Update" onPress={() => openUrl(URL)} />
    </View>
  );
}
```

### Output

| Name    | Default     | Type     | Description                                    |
| ------- | ----------- | --------:| ---------------- |
| url     | `null`      | string   | Linking URL      |
| openUrl | `() => {}`  | function | Open Linking URL |
| error   | `null`      | string   | Error            |
npm package: @rnhooks/network-status
Description: React Native hook for Network Status
Author: Pritish Vaidya
Latest version: 0.0.1

# @rnhooks/network-status [![Build Status](https://travis-ci.com/react-native-hooks/network-status.svg?branch=master)](https://travis-ci.com/react-native-hooks/network-status) [![Maintainability](https://api.codeclimate.com/v1/badges/8ba0e5a25c0fa7150c6d/maintainability)](https://codeclimate.com/github/react-native-hooks/network-status/maintainability) <a href="https://github.com/pritishvaidya/react-native-hooks/network-status/blob/master/README.md"><img src="https://img.shields.io/badge/module%20formats-umd%2C%20cjs%2C%20esm-green.svg" alt="module formats: umd, cjs, esm"></a>

> React Native hook for Network Status

### Installation

```bash
$ yarn add @rnhooks/network-status
```
### Usage

```
import useNetworkStatus from '@rnhooks/network-status';

function App() {
  const { type, effectiveType } = useNetworkStatus();

  return (
    <View style={styles.container}>
      <Text style={styles.type}>{`Type: ${type}`}</Text>
      <Text style={styles.effectiveType}>{`Effective Type: ${effectiveType}`}</Text>
    </View>
  );
}
```

### Output
| Prop  | Default  | Type | Description |
| :------------ |---------------:| :---------------| :-----|
| [type](https://facebook.github.io/react-native/docs/netinfo#connectiontype-enum) | `null` | `none / wifi / cellular / unknown` | Describes the type of connection the device is using to communicate with the network |
| [effectiveType](https://facebook.github.io/react-native/docs/netinfo#effectiveconnectiontype-enum) | `null` | `2g / 3g / 4g / unknown` | Cross platform values for EffectiveConnectionType |
npm package: @rnhooks/share
Description: React Native Hook for Share
Author: Pritish Vaidya
Latest version: 0.0.2

# @rnhooks/share [![Build Status](https://travis-ci.com/react-native-hooks/share.svg?branch=master)](https://travis-ci.com/react-native-hooks/share) [![Maintainability](https://api.codeclimate.com/v1/badges/60fd46c56bd3356f88c1/maintainability)](https://codeclimate.com/github/react-native-hooks/share/maintainability)

> React Native hook for [Share](https://facebook.github.io/react-native/docs/share#docsNav)

### Installation

```bash
yarn add @rnhooks/share
```

### Usage

```js
import useShare from '@rnhooks/share';

function App() {
  const [onShare, shared, loading, error] = useShare();
  return (
    <View style={styles.container}>
      <Text style={styles.welcome}>@rnhooks/share</Text>
      <Button title="Share" onPress={onShare} />
      {!(loading || error) && (
        <Text style={styles.instructions}>{shared.toString()}</Text>
      )}
    </View>
  );
}

```

### Output

| Name      | Default    | Type     | Description                  |
| --------- | :--------- | --------:| ---------------------------- |
| onShare   | `() => {}` | function | Share Function               |
| shared    | `false`    | boolean  | Content is shared or not     |
| activity  | `null`     | string   | Get Shared Activity          |
| loading   | `false`    | boolean  | Loading State                |
| error     | `undefined`| boolean  | Error State                  |
npm package: @rnhooks/template
Description: A template for React Native Hooks Projects
Author: Pritish Vaidya
Latest version: 0.0.2

# template [![Build Status](https://travis-ci.com/react-native-hooks/template.svg?branch=master)](https://travis-ci.com/react-native-hooks/template) [![Maintainability](https://api.codeclimate.com/v1/badges/66997889d9122a22f79b/maintainability)](https://codeclimate.com/github/react-native-hooks/template/maintainability)
> A template for creating React Native hooks project

### Installation

```bash
$ git clone https://github.com/react-native-hooks/template.git example-template
$ cd example-template
```

The dependencies are linked using [yalc](https://github.com/whitecolor/yalc).
You can link them locally and test using the [examples](https://github.com/react-native-hooks/template/tree/master/example) directory.
npm package: @rnichi11/react-column-pdf-layout
Description: Multi-column layout engine for react-column-pdf
Author: rnichi1
Latest version: 4.5.2

<p align="center">
  <img src="https://user-images.githubusercontent.com/5600341/27505816-c8bc37aa-587f-11e7-9a86-08a2d081a8b9.png" height="280px">
</p>

# @react-pdf/layout
npm package: @rnichi11/react-column-pdf-types
Description: React-pdf TypeScript definitions
Author: Diego Muracciole
Latest version: 2.9.4

<p align="center">
  <img src="https://user-images.githubusercontent.com/5600341/27505816-c8bc37aa-587f-11e7-9a86-08a2d081a8b9.png" height="280px">
</p>

# @rnichi11/react-column-pdf-types

> React-pdf TypeScript definitions

## How to install

```sh
yarn add @rnichi11/react-column-pdf-types
```

## License

MIT © [Diego Muracciole](http://github.com/diegomura)
npm package: @rnil/avue
Description: A Magic Configurable Web Framework
Author: smallwei
Latest version: 2.2.4

<p align="center"><a href="https://avuejs.com" target="_blank" rel="noopener noreferrer"><img width="100" src="https://avuejs.com/images/logo-bg.jpg" alt="Avue logo"></a></p>

## 介绍
  Avue.js是基于现有的element-ui库进行的二次封装，从而简化一些繁琐的操作，核心理念为数据驱动视图,主要的组件库针对table表格和form表单场景，同时衍生出更多企业常用的组件，达到高复用，容易维护和扩展的框架，同时内置了丰富了数据展示组件，让开发变得更加容易.

### 浏览器兼容性
  支持所有符合ES5标准的浏览器(不支持IE8及以下版本）.
  
## 文件

| 文件名 | 用途 |
|-------------|----------|
| avue.min.js | 生产环境|
| avue.js     | 开发环境|

## 文档

要查看[Live Examples](https://avuejs.com/doc/installation)和文档，请访问[https://avuejs.com](https://avuejs.com).

## 问答

有关问题和支持，请使用[issues](https://gitee.com/smallweigit/avue/issues)或加入QQ群606410437.

## issues

打开问题之前，请务必提供详细的问题过程和截图，不符合准则的问题将会被拒绝.

## Changelog

[发行说明](https://gitee.com/smallweigit/avue/releases)中记录了每个版本的详细更改。

## License

[MIT](http://opensource.org/licenses/MIT)

Copyright (c) 2017-present, Smallwei
npm package: @rnjshippo/react-codegen
Description: react boilerplate code generator
Author: hyunjun kwon
Latest version: 0.0.6

# react-code-generator

## Installation

```
npx @rnjshippo/react-codegen <project-directory>
```

### Command Line Options

```
-v, --version       output the version number
-h, --help          display help for command
```

## Run

```bash
cd <project-directory>
yarn install || npm install
yarn dev || npm run dev
```

## Build

```bash
cd <project-directory>
yarn build || npm run build
```