open-index/open-npm huggingface dataset:
npm package: @rickbrown/use-interval
Description: a use interval hook, written by Dan Abramov
Author: RickBr0wn
Latest version: 0.0.2

# use-interval

> a use interval hook, written by Dan Abramov

[![NPM](https://img.shields.io/npm/v/use-interval.svg)](https://www.npmjs.com/package/use-interval) [![JavaScript Style Guide](https://img.shields.io/badge/code_style-standard-brightgreen.svg)](https://standardjs.com)

## Install

```bash
npm install --save use-interval
```

## Usage

```jsx
import React, { Component } from 'react'

import { useMyHook } from 'use-interval'

const Example = () => {
  const example = useMyHook()
  return (
    <div>{example}</div>
  )
}
```

## License

MIT © [RickBr0wn](https://github.com/RickBr0wn)

---

This hook is created using [create-react-hook](https://github.com/hermanya/create-react-hook).
npm package: @rickbrown/use-local-storage
Description: A custom React hook to simplify using local storage.
Author: RickBr0wn
Latest version: 1.0.2

# @rickbrown/use-local-storage

[![NPM](https://img.shields.io/npm/v/@rickbrown/use-local-storage.svg)](https://www.npmjs.com/package/@rickbrown/use-local-storage) [![JavaScript Style Guide](https://img.shields.io/badge/code_style-standard-brightgreen.svg)](https://standardjs.com)

## Description

`useLocalStorage` is a custom React hook, which simplifies using the browsers local storage, when developing React applications.

## Installation

Use the package manager [yarn](https://yarnpkg.com/en/) to install the useLocalStorage hook.

```bash
yarn add @rickbrown/use-local-storage
```

## Usage

```JSX
import { useLocalStorage } from '@rickbrown/use-local-storage'

const Example = () => {
  // Optionally accepts 2 arguments for its initial value.
  // ('key','value')
  const [name, setName] = useLocalStorage()
  
  const [newName, setNewName] = React.useState('')

  return (
    <div>
      <p>Current value in local storage: {name}</p>
      <input
        type="text"
        placeholder="Enter your name"
        value={newName}
        onChange={e => setNewName(e.target.value)}
      />
      <button onClick={() => setName(newName)}>
        Click To Update Local Storage
      </button>
    </div>
  )
}
```

## Contributing
Pull requests are welcome. For major changes, please open an issue first to discuss what you would like to change.

Please make sure to update tests as appropriate.

## License
[MIT](https://choosealicense.com/licenses/mit/)
npm package: @rickbrown/use-star-wars-quote
Description: a custom React hook the provides a random quote from the star wars films.
Author: RickBr0wn
Latest version: 1.0.1

# @rickbrown/use-star-wars-quote

> a custom React hook the provides a random quote from the star wars films.
[![NPM](https://img.shields.io/npm/v/@rickbrown/use-star-wars-quote.svg)](https://www.npmjs.com/package/@rickbrown/use-star-wars-quote) [![JavaScript Style Guide](https://img.shields.io/badge/code_style-standard-brightgreen.svg)](https://standardjs.com)

## Install

```bash
yarn add @rickbrown/use-star-wars-quote
```

## Usage

```jsx
import React from 'react';
import { useStarWarsQuote } from '@rickbrown/use-star-wars-quote';

const App = () => {
  const { quote, loading } = useStarWarsQuote();
  return <div>{loading ? <p>loading..</p> : <p>{quote}</p>}</div>;
};

export default App;

```

## License

MIT © [RickBr0wn](https://github.com/RickBr0wn)

---

This hook is created using [create-react-hook](https://github.com/hermanya/create-react-hook).
npm package: @rickerbh/reschema
Description: Schema validation made easy for ReScript. FORKED, for maintenance/dependencies.
Author: Gabriel Rubens
Latest version: 4.0.2

<p align="center">
  <img src="./assets/cover.svg" /> 
  <br />
</p>
<p align="center">
  <a href="#what-is-this-">What is this?</a> • 
  <a href="#features-">Features</a> • 
  <a href="#installation-">Installation</a> • 
  <a href="#documentation-">Documentation</a> •
  <a target="_blank" href="https://reform-demo.rescriptbrasil.org">Live demo (with ReForm)</a>
</p>
<br/>

## What is this? 💡
ReSchema is a schema builder for ReScript. We created ReSchema to be deadly simple, leveraging ReScript's powerful typesytem.
Schemas created with ReSchema are nothing more than constructors built-in in the language itself with a small size footprint.

## Features ⚡
- Schema validation using GADT's
- Built-in validators
- Type-safe validation
- I18n support
- Regex support
- Custom validations

## Installation 📦

```sh
yarn add @rescriptbr/reschema
```
and then, add `ReSchema` as a dependency in your `bsconfig.json`
```js
{
  ...
  "bs-dependencies": [
    "@rescriptbr/reschema"
  ],
}
```

## Documentation 🔎
- [Getting Started](./docs/1-getting-started.md)
- [API Reference](./docs/2-api-reference.md)