open-index/open-npm huggingface dataset:
npm package: @rahmatsaputra-my-id/react-native-library
Description: Reusable and customizable React Native components and utilities to speed up mobile app development.This library aims to provide a collection of well-documented, lightweight, and easy-to-integrate components written in TypeScript, following best practices 
Author: rahmatsaputra-my-id
Latest version: 0.1.11

# 📱 React Native Library

Reusable and customizable React Native components and utilities to accelerate mobile app development.  
This library provides well-documented, lightweight, and easy-to-integrate components written in TypeScript — following best practices in design and performance.

# React Native Library

![npm version](https://img.shields.io/npm/v/@rahmatsaputra-my-id/react-native-library)
![npm downloads](https://img.shields.io/npm/dm/@rahmatsaputra-my-id/react-native-library)
![MIT License](https://img.shields.io/npm/l/@rahmatsaputra-my-id/react-native-library)

## 🚀 Features

- ⚛️ **Built for React Native**
- 🎨 Customizable & reusable UI components
- 💎 Minimal dependencies, lightweight
- 🧠 Written in **TypeScript** with full typings
- 🔌 Easy integration into any React Native project

## 🛠️ Installation

```bash
npm install @rahmatsaputra-my-id/react-native-library

# or

yarn add @rahmatsaputra-my-id/react-native-library
```

## 💡 Usage

### Star Rating

```js
import { StarRating } from '@rahmatsaputra-my-id/react-native-library';

const App = () => (
  <>
    <StarRating rating={3} onRate={(value) => console.log(value)} />
  </>
);

export default App;
```

### Loading Indicator

```js
import { LoadingIndicator } from '@rahmatsaputra-my-id/react-native-library';

const App = () => (
  <>
    <LoadingIndicator />
  </>
);

export default App;
```

## 🤝 Contributing

Contributions, issues, and feature requests are welcome!
Feel free to check the [issues page](https://github.com/rahmatsaputra-my-id/react-native-library/issues).

## 📄 License

This project is licensed under the [MIT licensed](https://github.com/facebook/react/blob/main/LICENSE).

## 🔗 Links

- [🔗 Website Builder](https://rahmatsaputra.my.id)
npm package: @rahsheen/google-signin
Description: A simple React hook for using Google Signin on React and React Native.
Author: Rahsheen Porter
Latest version: 0.1.1

# @rahsheen/google-signin

A simple React hook for using Google Signin on React and React Native.

## Why You Need This

Setting up Google Signin can be a pain. This simple hook aims to simplify the setup and usage so you can sign-in with Google and access Google API's in a simple way on multiple platforms.

It also makes the API's consistent between React and React Native to more easily share code.

### Prerequisites

Built on:

"react": ">=16",
"react-native": ">=0.59",
"react-native-google-signin": ">=2.1"

### Installing

```
npm install @rahsheen/google-signin
```

## Usage

### React JS [example](https://github.com/rahsheen/google-signin/tree/master/example)

```js
const { userInfo, error, signIn, signOut, loading } = useGoogleSignIn(config);
```

### React Native [example](https://github.com/rahsheen/google-signin/tree/master/rnExample)

```js
const {userInfo, error, signIn, signOut, loading, tokens} = useGoogleSignIn(
    config,
    GoogleSignin, // From react-native-google-signin
  );
```

## Built With

* [React](http://reactjs.org/)
* [React Native](https://facebook.github.io/react-native/)

## Contributing

Please read [CONTRIBUTING.md](https://gist.github.com/PurpleBooth/b24679402957c63ec426) for details on our code of conduct, and the process for submitting pull requests to us.

## License

This project is licensed under the MIT License - see the [LICENSE.md](LICENSE.md) file for details

## Acknowledgments

* [React Google Login](https://github.com/anthonyjgrove/react-google-login)
* [React Native Google Signin](https://github.com/react-native-community/react-native-google-signin)
npm package: @rahsheen/react-native-template-redux
Description: Clean and minimalist React Native template for a quick start with Redux
Author: Rahsheen Porter
Latest version: 0.1.0

# React Native Template Redux

<p>
  <a href="https://github.com/rahsheen/react-native-template-redux#readme">
    <img alt="Documentation" src="https://img.shields.io/badge/documentation-yes-brightgreen.svg" target="_blank" />
  </a>
  <a href="https://github.com/rahsheen/react-native-template-redux/graphs/commit-activity">
    <img alt="Maintenance" src="https://img.shields.io/badge/Maintained%3F-yes-green.svg" target="_blank" />
  </a>
  <a href="https://github.com/rahsheen/react-native-template-redux/blob/master/LICENSE">
    <img alt="License: MIT" src="https://img.shields.io/badge/License-MIT-yellow.svg" target="_blank" />
  </a>
</p>

> Clean and minimalist React Native template for a quick start with Redux.

## :star: Features

- Elegant usage directly within the [React Native CLI](https://github.com/react-native-community/cli)
- Consistent with the default React Native template
- Redux Toolkit already configured per [ Redux Toolkit Getting Started ]( https://redux-toolkit.js.org/tutorials/quick-start )
- Minimal additional dependencies

## :arrow_forward: Usage

```sh
npx react-native init MyApp --template react-native-template-redux
```

### Usage with older versions of React Native

#### e.g. `react-native@0.62.x`

```sh
npx react-native init MyApp --template react-native-template-redux@6.4.*
```

See the below table to find out which version of the template to use.

#### React Native <=> Template Version

| React Native  	| Template  	|
|---	            |---	        |
| 0.63  	        | 6.5.*       |
| 0.62  	        | 6.4.*       |
| 0.61  	        | 6.3.*       |
| 0.60  	        | 6.2.*       |

### Note on the legacy CLI
There seems to be quite some confusion about the legacy CLI. This template only works with the new CLI. Make sure you have uninstalled the legacy `react-native-cli` first (`npm uninstall -g react-native-cli`), for the below command to work. If you wish to not use `npx`, you can also install the new CLI globally (`npm i -g @react-native-community/cli` or `yarn global add @react-native-community/cli`).

Further information can be found here: https://github.com/react-native-community/cli#about

## :computer: Contributing

Contributions are very welcome. Please check out the [contributing document](CONTRIBUTING.md).

## :bookmark: License

This project is [MIT](LICENSE) licensed.
npm package: @rahsheen/rn-template-ts-paper-navigation
Description: React Native template with Typescript, React Navigation, and React Native Paper.
Author: Rahsheen Porter
Latest version: 0.0.3

# :muscle: React Native Template TypeScript Paper Navigation

<p>
  <a href="https://travis-ci.org/rahsheen/react-native-template-ts-paper-navigation">
    <img alt="Build Status" src="https://img.shields.io/travis/rahsheen/react-native-template-ts-paper-navigation.svg" target="_blank" />
  </a>
  <a href="https://github.com/rahsheen/react-native-template-ts-paper-navigation#readme">
    <img alt="Documentation" src="https://img.shields.io/badge/documentation-yes-brightgreen.svg" target="_blank" />
  </a>
  <a href="https://github.com/rahsheen/react-native-template-ts-paper-navigation/graphs/commit-activity">
    <img alt="Maintenance" src="https://img.shields.io/badge/Maintained%3F-yes-green.svg" target="_blank" />
  </a>
  <a href="https://github.com/rahsheen/react-native-template-ts-paper-navigation/blob/master/LICENSE">
    <img alt="License: MIT" src="https://img.shields.io/badge/License-MIT-yellow.svg" target="_blank" />
  </a>
</p>

> React Native template for a quick start with TypeScript, React Native Paper, and React Navigation


## :star: Features

- Elegant usage directly within the [React Native CLI](https://github.com/react-native-community/cli)
- Consistent with the default React Native Typescript template
- Save energy & hours of hard-work
- 5 screens & 16 components
- Prettier for pretty, formatted code
- React Navigation 5 integration
  - Drawer Navigator
  - Stack Navigator for Authentication
- React Native Paper integration
  - Complete login template based on [React Native Paper Login Template
](https://github.com/callstack/react-native-paper-login-template)
- Incorporates tips from [React Navigation v5 + React Native Paper = :heart:](https://reactnavigation.org/blog/2020/01/29/using-react-navigation-5-with-react-native-paper)
  - Combined Theming with dark mode
  - FAB and Portal
- Authentication Context setup based on [Authentication In React Applications](https://kentcdodds.com/blog/authentication-in-react-applications) and [Authentication flows](https://reactnavigation.org/docs/auth-flow)

## :arrow_forward: Usage

```sh
npx react-native init MyApp --template @rahsheen/rn-template-ts-paper-navigation
```

### Note on the legacy CLI
There seems to be quite some confusion about the legacy CLI. This template only works with the new CLI. Make sure you have uninstalled the legacy `react-native-cli` first (`npm uninstall -g react-native-cli`), for the below command to work. If you wish to not use `npx`, you can also install the new CLI globally (`npm i -g @react-native-community/cli` or `yarn global add @react-native-community/cli`).

Further information can be found here: https://github.com/react-native-community/cli#about

## :computer: Contributing

Contributions are very welcome. Please check out the [contributing document](CONTRIBUTING.md).

## :bookmark: License

This project is [MIT](LICENSE) licensed.
npm package: @rahsheen/use-chuck-norris
Description: Hook to use Chuck Norris API from api.chucknorris.io
Author: rahsheen
Latest version: 1.0.1

# use-chuck-norris

> Hook to use Chuck Norris API

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

## Install

```bash
npm install --save use-chuck-norris
```

## Usage

```tsx
import * as React from 'react'

import useChuckNorris from 'use-chuck-norris'

function Example() {
  const {
    setCategory,
    joke,
    newJoke,
    categories,
    tweetUrl,
    jokeId
  } = useChuckNorris();

  render () {
    return (
      <div>
        <p>{joke}</p>
        <button onClick={newJoke}>
          New Joke
        </button>
      </div>
    )
  }
}
```

## License

MIT © [rahsheen](https://github.com/rahsheen)
npm package: @rahul-004x/committs
Description: AI-powered git commit message generator
Latest version: 1.0.4

# committs

AI-powered git commit message generator. Automatically generates semantic commit messages for your staged changes. 

## What it does

1. Detects staged git changes
2. Sends the diff to AI (via OpenRouter)
3. Generates a semantic commit message
4. Lets you review and confirm before committing

## Setup API Key (Required First)

1. Get your API key from [OpenRouter](https://openrouter.ai/settings/keys)
2. Set the API key:

```sh
echo "OPENROUTER_API_KEY=<your-token>" >> ~/.committs
```

## Installation

### Quick Start (No Installation)

```sh
npx @rahul-004x/committs
# or
bunx @rahul-004x/committs
```

### Global Installation

```sh
npm install -g @rahul-004x/committs
# or
bun install -g @rahul-004x/committs
```

Then run with:

```sh
committs
```
npm package: @rahul-choudhury/react-extras
Description: Set up deployment, linting, and editor configuration for React apps
Author: Rahul Choudhury
Latest version: 0.8.0

# react-extras

A CLI tool that adds deployment, editor, pre-commit, and API client setup to supported React projects.

## Installation

```bash
npm install -g @rahul-choudhury/react-extras
```

Or run directly with npx:

```bash
npx @rahul-choudhury/react-extras
```

## Usage

Navigate to your React project directory and run:

```bash
react-extras
```

The CLI will:

1. Detect your package manager, framework, and linting tools
2. Build a list of available extras for the detected project
3. Let you choose which extras to add
4. Show which files will be created and prompt before overwriting existing files
5. Generate the selected files, update `package.json`, and install any required dependencies

## Available Extras

| Extra | Files / changes |
|------|-------------|
| `Deployment + CI/CD` | `Dockerfile`, `.github/workflows/deploy.yml`, and `nginx.conf` for Vite projects |
| `Editor Setup` | `.vscode/extensions.json` and tooling-aware `.zed/settings.json` for all supported projects, plus `.vscode/settings.json` for Next.js projects |
| `Pre-commit Hook` | `.husky/pre-commit`, `prepare` script, `lint-staged` config, and installs `husky` + `lint-staged` |
| `API Client` | `lib/api-client.ts` and `lib/config.ts` or `src/lib/*` when a `src/` directory exists |

The CLI also updates your `package.json` with:

- `check` and `typecheck` scripts when `Deployment + CI/CD` is selected
- `prepare` script and `lint-staged` config when `Pre-commit Hook` is selected

The generated `check` script depends on detected tooling:

- Biome: `biome check .`
- ESLint + Prettier: `eslint . && prettier --check .`

The generated Zed settings also depend on detected tooling:

- Biome: uses the Biome language server as the formatter and runs Biome fix/import actions on format
- ESLint + Prettier: disables Biome language servers for supported frontend languages

## Requirements

- Node.js >= 18
- Bun >= 1 for local development of this CLI
- An existing React project with `package.json`

## Supported Frameworks

- Next.js (manually add `output: "standalone"` if you select `Deployment + CI/CD`)
- Vite + TanStack Router ([Quick Start](https://tanstack.com/router/v1/docs/framework/react/quick-start))

## Detection Rules

- Package manager: detected from lock files in this order: Bun, pnpm, Yarn, npm
- Framework: Next.js via `next.config.*` or the `next` dependency; otherwise Vite + TanStack Router via `vite` and `@tanstack/react-router`
- Tooling: Biome via `biome.json`, `biome.jsonc`, or `@biomejs/biome`; otherwise ESLint + Prettier via dependencies
npm package: @rahul-m-navneeth/textigif
Description: <img width="1728" alt="image" src="https://cdn.discordapp.com/attachments/1124722349023965329/1124722639848624268/readme.1.png">
Author: RahulNavneeth
Latest version: 0.1.0

# TEXTI-GIF
<img width="1728" alt="image" src="https://cdn.discordapp.com/attachments/1124722349023965329/1124722639848624268/readme.1.png">

## HOW TO USE

```bash
pnpm i @rahul-m-navneeth/textigif
```

### NEXT APP

```reactjs
"use client"
import TextiGIF from "@rahul-m-navneeth/textigif"

const Sample = () => {
    return (
        <>
            NEVER <TextiGIF text="GONNA" url="https://media.tenor.com/x8v1oNUOmg4AAAAd/rickroll-roll.gif" /> GONNA GIVE YOU UP
        </>
    )
} 

export default Sample;
```

## FEATURES

| ATTRIBUTE |       TYPE       |                          DEFAULT                           |
| --------- | ---------------- | --------------------------------------------------------   |
| text?     | string           | Empty String                                               |
| url?      | string           | https://media.tenor.com/x8v1oNUOmg4AAAAd/rickroll-roll.gif |
| color?    | string           | black                                                      |
| width?    | string           | 300px                                                      |
| position? | "TOP" , "BOTTOM" | "TOP"                                                      |