open-index/open-npm huggingface dataset:
npm package: @react-web/stylesheet
Description: ## Install
Latest version: 0.2.6

# @react-web/stylesheet

## Install

```sh
→ npm i @react-web/stylesheet 
```


## API

* `StyleSheet.create(styleMap: Object) styles: object`
* `StyleSheet.assign(styleList | styleMap) prefixedStyle: object`
* `StyleSheet.flatten(nestedStyleList: Array): styleList: Array`

Example:

```js
import { StyleSheet, View } from 'react-bucket'

const styles = StyleSheet.create({
  btn: {
    height: 36,
    textAlign: 'center'
  },
  btn_red: {
    backgroundColor: '#F33'
  }
})

ReactDOM.render(
  <View style={[styles.btn, styles.btn_red]}>Click Me!</View>
)

```

## LICENSE
[MIT↗](../../LICENSE)
npm package: @react-web/text-input
Description: ## Usage
Latest version: 0.2.6

# @react-web/text-input

## Usage

```js
import { TextInput } from 'react-web/components'
// import TextInput from 'react-web/text-input'

render(
  <TextInput
    value={this.state.value}
  />
)
```

## License
[MIT↗](../../LICENSE)
npm package: @react-web3-wallet/bitget-wallet
Description: Bitget Wallet connector
Author: PastLeo
Latest version: 1.0.0

# MetaMask

## Install

```bash
pnpm add @react-web3-wallet/bitget-wallet
```

## Usage

```ts
import { BitgetWallet } from '@react-web3-wallet/bitget-wallet';
import { createWallet } from '@react-web3-wallet/react';

const wallet = createWallet(new BitgetWallet());
```
npm package: @react-web3-wallet/brave-wallet
Description: metamask connector
Author: logan
Latest version: 3.0.0

# Brave Wallet

## Install

```bash
pnpm add @react-web3-wallet/brave-wallet
```

## Usage

```ts
import { BraveWallet } from '@react-web3-wallet/brave-wallet';
import { createWallet } from '@react-web3-wallet/react';

const wallet = createWallet(new BraveWallet());
```

See also: https://wallet-docs.brave.com/
npm package: @react-web3-wallet/coinbase-wallet
Description: Coinbase wallet connector
Author: logan
Latest version: 3.0.0

# Coinbase Wallet

## Install

```bash
pnpm add @react-web3-wallet/coinbase-wallet @coinbase/wallet-sdk
```

## Usage

```ts
import CoinbaseWallet from '@react-web3-wallet/coinbase-wallet';
import { createWallet } from '@react-web3-wallet/react';

const wallet = createWallet(
  new CoinbaseWallet({
    providerOptions: {
      appName: 'My App',
      scanToConnectOptions: {
        rpcUrl: 'xxx',
        chainId: 1,
      },
    },
  }),
);
```

See also: https://docs.cloud.coinbase.com/wallet-sdk/docs/installing
npm package: @react-web3-wallet/cryptocom-desktop-wallet
Description: Cryptocom Desktop Wallet connector
Author: logan
Latest version: 3.0.0

# Crypto.com DeFi Desktop Wallet

## Install

```bash
pnpm add @react-web3-wallet/cryptocom-desktop-wallet
```

## Usage

```ts
import DesktopWallet from '@react-web3-wallet/cryptocom-desktop-wallet';
import { createWallet } from '@react-web3-wallet/react';

const wallet = createWallet(new DesktopWallet());
```
npm package: @react-web3-wallet/defiwallet
Description: DeFiWallet connector
Author: logan
Latest version: 3.0.0

# DeFi Wallet

## Install

```bash
pnpm add @react-web3-wallet/defiwallet
```

## Usage

```ts
import DeFiWallet from '@react-web3-wallet/defiwallet';
import { createWallet } from '@react-web3-wallet/react';

const wallet = createWallet(new DeFiWallet());
```
npm package: @react-web3-wallet/imtoken
Description: metamask connector
Author: logan
Latest version: 3.0.0

# imToken

## Install

```bash
pnpm add @react-web3-wallet/imtoken
```

## Usage

```ts
import Imtoken from '@react-web3-wallet/imtoken';
import { createWallet } from '@react-web3-wallet/react';

const wallet = createWallet(new Imtoken());
```

See also: https://imtoken.gitbook.io/developers/products/webview
npm package: @react-web3-wallet/metamask
Description: metamask connector
Author: logan
Latest version: 3.0.0

# MetaMask

## Install

```bash
pnpm add @react-web3-wallet/metamask
```

## Usage

```ts
import { MetaMask } from '@react-web3-wallet/brave-wallet';
import { createWallet } from '@react-web3-wallet/react';

const wallet = createWallet(new MetaMask());
```

See also: https://docs.metamask.io/guide/#why-metamask
npm package: @react-web3-wallet/trust-wallet
Description: metamask connector
Author: logan
Latest version: 3.0.0

# Trust Wallet

## Install

```bash
pnpm add @react-web3-wallet/trust-wallet
```

## Usage

```ts
import { TrustWallet } from '@react-web3-wallet/trust-wallet';
import { createWallet } from '@react-web3-wallet/react';

const wallet = createWallet(new TrustWallet({}));
```

See also: https://developer.trustwallet.com/wallet-connect
npm package: @react-web3-wallet/walletconnect
Description: WalletConnect connector
Author: logan
Latest version: 4.0.0

# Walletconnect

## Install

```bash
pnpm add @react-web3-wallet/walletconnect
```

## Usage

@react-web3-wallet/walletconnect is a wrap on top of [WalletConnect v2.0](https://docs.walletconnect.com/2.0/advanced/migration-from-v1.x/what-changed-from-v1.0). Walletconnect v2.0 is NOT backwards-compatible with v1.0. WalletConnect v1.0 and v2.0 offer essentially the same end-user experience, however they work very differently internally.

```ts
import { Walletconnect } from '@react-web3-wallet/walletconnect';
import { createWallet } from '@react-web3-wallet/react';

const wallet = new WalletConnect({
  providerOptions: {
    // your projectId
    // see: https://docs.walletconnect.com/2.0/advanced/migration-from-v1.x/what-changed-from-v1.0#project-id
    projectId: 'xxx',
    rpcMap,
    /**
     * @note Chains that your app intents to use and the peer MUST support.
     *  If the peer does not support these chains, the connection will be rejected.
     * @default [1]
     * @example [1, 3, 4, 5, 42]
     */
    chains: [1],
    /**
     * @note Optional chains that your app MAY attempt to use and the peer MAY support.
     *  If the peer does not support these chains, the connection will still be established.
     * @default [1]
     * @example [1, 3, 4, 5, 42]
     */
    optionalChains: [25],
    showQrModal: true,
    optionalMethods: ['eth_signTypedData', 'eth_signTypedData_v4', 'eth_sign'],
    qrModalOptions: {
      // 'dark' | 'light'
      themeMode: 'dark',
    },
  },
});
```
npm package: @react-web3-wallet/xdefi
Description: xdefi connector
Author: logan
Latest version: 2.0.0

# XDEFI

## Install

```bash
pnpm add @react-web3-wallet/xdefi
```

## Usage

```ts
import { XDEFI } from '@react-web3-wallet/brave-wallet';
import { createWallet } from '@react-web3-wallet/react';

const wallet = createWallet(new XDEFI());
```

See also: [XDEFI integration](https://xdefi-wallet.gitbook.io/xdefi-wallet-documentation/technical-documentation/integration)
npm package: @react-website-themes/base
Description: ### License
Author: greg lobinski
Latest version: 0.0.7

# WIP

### License

MIT License

Copyright (c) 2018 greg lobinski

Permission is hereby granted, free of charge, to any person obtaining a copy
of this software and associated documentation files (the "Software"), to deal
in the Software without restriction, including without limitation the rights
to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
copies of the Software, and to permit persons to whom the Software is
furnished to do so, subject to the following conditions:

The above copyright notice and this permission notice shall be included in all
copies or substantial portions of the Software.

THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
SOFTWARE.
npm package: @react-website-themes/classy-docs
Description: ### License
Author: greg lobinski
Latest version: 0.0.23

# @react-website-themes/classy-docs

### License

MIT License

Copyright (c) 2018 greg lobinski

Permission is hereby granted, free of charge, to any person obtaining a copy
of this software and associated documentation files (the "Software"), to deal
in the Software without restriction, including without limitation the rights
to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
copies of the Software, and to permit persons to whom the Software is
furnished to do so, subject to the following conditions:

The above copyright notice and this permission notice shall be included in all
copies or substantial portions of the Software.

THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
SOFTWARE.
npm package: @react-website-themes/clean-diary
Description: ### License
Author: greg lobinski
Latest version: 0.0.3

# WIP

### License

MIT License

Copyright (c) 2018 greg lobinski

Permission is hereby granted, free of charge, to any person obtaining a copy
of this software and associated documentation files (the "Software"), to deal
in the Software without restriction, including without limitation the rights
to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
copies of the Software, and to permit persons to whom the Software is
furnished to do so, subject to the following conditions:

The above copyright notice and this permission notice shall be included in all
copies or substantial portions of the Software.

THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
SOFTWARE.
npm package: @react-website-themes/default
Description: # ...
Author: greg lobinski
Latest version: 0.0.20

# @react-website-themes/default

# ...

### License

MIT License

Copyright (c) 2018 greg lobinski

Permission is hereby granted, free of charge, to any person obtaining a copy
of this software and associated documentation files (the "Software"), to deal
in the Software without restriction, including without limitation the rights
to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
copies of the Software, and to permit persons to whom the Software is
furnished to do so, subject to the following conditions:

The above copyright notice and this permission notice shall be included in all
copies or substantial portions of the Software.

THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
SOFTWARE.
npm package: @react-website-themes/job-interview
Description: # ...
Author: greg lobinski
Latest version: 0.0.4

# @react-website-themes/default

# ...

### License

MIT License

Copyright (c) 2018 greg lobinski

Permission is hereby granted, free of charge, to any person obtaining a copy
of this software and associated documentation files (the "Software"), to deal
in the Software without restriction, including without limitation the rights
to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
copies of the Software, and to permit persons to whom the Software is
furnished to do so, subject to the following conditions:

The above copyright notice and this permission notice shall be included in all
copies or substantial portions of the Software.

THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
SOFTWARE.
npm package: @react-website-themes/side-blog
Description: ### License
Author: greg lobinski
Latest version: 0.0.9

# WIP

### License

MIT License

Copyright (c) 2018 greg lobinski

Permission is hereby granted, free of charge, to any person obtaining a copy
of this software and associated documentation files (the "Software"), to deal
in the Software without restriction, including without limitation the rights
to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
copies of the Software, and to permit persons to whom the Software is
furnished to do so, subject to the following conditions:

The above copyright notice and this permission notice shall be included in all
copies or substantial portions of the Software.

THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
SOFTWARE.
npm package: @react-website/crw-cli
Description: react website project scaffold.
Author: qq2575896094
Latest version: 1.3.9-alpha.0

# crw-cli
react脚手架

## git commit rules

```格式: <type>(scope): <subject>```

- type: 修改类型
    - feat: 新特性
    - fix: 修改问题
    - refactor: 代码重构
    - docs: 文档修改
    - style: 代码格式修改, **不是css修改**
    - chore: 其他修改, 例如构建流程、依赖管理.
    - revert: 用于撤销以前的commit
- scope: 影响范围. 一般为自己代码的模块名.
- subject: 概述. 建议符合 [50/72](https://tbaggery.com/2008/04/19/a-note-about-git-commit-messages.html) 格式
npm package: @react-wm/core
Description: react-wm core
Latest version: 1.0.4

# react-wm

[![Travis][build-badge]][build]
[![npm package][npm-badge]][npm]
[![Coveralls][coveralls-badge]][coveralls]

Its core library for @react-wm/portal, @react-wm/window

[build-badge]: https://img.shields.io/travis/user/repo/master.png?style=flat-square
[build]: https://travis-ci.org/user/repo

[npm-badge]: https://img.shields.io/npm/v/npm-package.png?style=flat-square
[npm]: https://www.npmjs.org/package/npm-package

[coveralls-badge]: https://img.shields.io/coveralls/user/repo/master.png?style=flat-square
[coveralls]: https://coveralls.io/github/user/repo
npm package: @react-wm/portal
Description: react-wm-portal React component
Author: Valery Kobzar
Latest version: 1.0.1

# react-wm-portal

[![Travis][build-badge]][build]
[![npm package][npm-badge]][npm]
[![Coveralls][coveralls-badge]][coveralls]

Describe react-wm-portal here.

[build-badge]: https://img.shields.io/travis/user/repo/master.png?style=flat-square
[build]: https://travis-ci.org/user/repo

[npm-badge]: https://img.shields.io/npm/v/npm-package.png?style=flat-square
[npm]: https://www.npmjs.org/package/npm-package

[coveralls-badge]: https://img.shields.io/coveralls/user/repo/master.png?style=flat-square
[coveralls]: https://coveralls.io/github/user/repo
npm package: @react-wm/react-slots
Description: react-slots React component
Author: Valery Kobzar
Latest version: 1.0.0

# react-slots

[![Travis][build-badge]][build]
[![npm package][npm-badge]][npm]
[![Coveralls][coveralls-badge]][coveralls]

Describe react-slots here.

[build-badge]: https://img.shields.io/travis/user/repo/master.png?style=flat-square
[build]: https://travis-ci.org/user/repo

[npm-badge]: https://img.shields.io/npm/v/npm-package.png?style=flat-square
[npm]: https://www.npmjs.org/package/npm-package

[coveralls-badge]: https://img.shields.io/coveralls/user/repo/master.png?style=flat-square
[coveralls]: https://coveralls.io/github/user/repo
npm package: @react-wm/window
Description: react-wm-window React component
Author: Valery Kobzar
Latest version: 1.0.0

# react-wm-window

[![Travis][build-badge]][build]
[![npm package][npm-badge]][npm]
[![Coveralls][coveralls-badge]][coveralls]

Describe react-wm-window here.

[build-badge]: https://img.shields.io/travis/user/repo/master.png?style=flat-square
[build]: https://travis-ci.org/user/repo

[npm-badge]: https://img.shields.io/npm/v/npm-package.png?style=flat-square
[npm]: https://www.npmjs.org/package/npm-package

[coveralls-badge]: https://img.shields.io/coveralls/user/repo/master.png?style=flat-square
[coveralls]: https://coveralls.io/github/user/repo
npm package: @react-workspaces/react-scripts
Description: Configuration and scripts for Create React App.
Latest version: 3.4.0-alpha-01

# :warning: WARNING!

This is a custom scripts-version of React-Scripts that provides Monorepo support.

See [React Workspaces Playground](https://github.com/react-workspaces/react-workspaces-playground) for a working demo.

[![React Workspaces Playground Screenshots](https://i.imgur.com/7snWXD0.png)](https://github.com/react-workspaces/react-workspaces-playground)

For more information on why this ways created, please read this for more info: https://github.com/F1LT3R/cra-workspaces-support-1333

# react-scripts

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

- [Getting Started](https://facebook.github.io/create-react-app/docs/getting-started) – How to create a new app.
- [User Guide](https://facebook.github.io/create-react-app/) – How to develop apps bootstrapped with Create React App.
npm package: @react-x/activity-indicator
Description: Cross-platform ActivityIndicator component for ReactDOM and React Native apps.
Author: Mark Miyashita
Latest version: 3.4.1

# @react-x/activity-indicator

[![npm](https://img.shields.io/npm/v/@react-x/activity-indicator.svg)](https://www.npmjs.com/package/@react-x/activity-indicator)
[![npm](https://img.shields.io/npm/dt/@react-x/activity-indicator.svg)](https://www.npmjs.com/package/@react-x/activity-indicator)
[![npm](https://img.shields.io/npm/l/@react-x/activity-indicator.svg)](https://github.com/negativetwelve/react-x/blob/master/LICENSE)

## Getting Started

Install `@react-x/activity-indicator` using `yarn`:

```shell
yarn add @react-x/activity-indicator
```

## Usage

```javascript
import ActivityIndicator from '@react-x/activity-indicator';
```

## Contributing

If you have any ideas on how this module could be better, [create an Issue](https://github.com/negativetwelve/react-x/issues) or [submit a PR](https://github.com/negativetwelve/react-x/pulls).
npm package: @react-x/animated
Description: Cross-platform Animated module for ReactDOM and React Native apps.
Author: Mark Miyashita
Latest version: 3.4.1

# @react-x/animated

[![npm](https://img.shields.io/npm/v/@react-x/animated.svg)](https://www.npmjs.com/package/@react-x/animated)
[![npm](https://img.shields.io/npm/dt/@react-x/animated.svg)](https://www.npmjs.com/package/@react-x/animated)
[![npm](https://img.shields.io/npm/l/@react-x/animated.svg)](https://github.com/negativetwelve/react-x/blob/master/LICENSE)

## Getting Started

Install `@react-x/animated` using `yarn`:

```shell
yarn add @react-x/animated
```

## Usage

```javascript
import Animated from '@react-x/animated';
```

## Contributing

If you have any ideas on how this module could be better, [create an Issue](https://github.com/negativetwelve/react-x/issues) or [submit a PR](https://github.com/negativetwelve/react-x/pulls).
npm package: @react-x/clipboard
Description: Cross-platform clipboard for ReactDOM and React Native apps.
Author: Mark Miyashita
Latest version: 3.4.1

# @react-x/clipboard

[![npm](https://img.shields.io/npm/v/@react-x/clipboard.svg)](https://www.npmjs.com/package/@react-x/clipboard)
[![npm](https://img.shields.io/npm/dt/@react-x/clipboard.svg)](https://www.npmjs.com/package/@react-x/clipboard)
[![npm](https://img.shields.io/npm/l/@react-x/clipboard.svg)](https://github.com/negativetwelve/react-x/blob/master/LICENSE)

Cross-platform clipboard for ReactDOM and React Native apps.

## Getting Started

Install `@react-x/clipboard` using `yarn`:

```shell
yarn add @react-x/clipboard
```

## Usage

```javascript
import React from 'react';
import PropTypes from 'prop-types';
import {Text, Touchable, View} from 'react-native';
import Clipboard from '@react-x/clipboard';


class App extends React.Component {

  // --------------------------------------------------
  // Props
  // --------------------------------------------------
  static propTypes = {
    user: PropTypes.object.isRequired,
  };

  static defaultProps = {
  };

  // --------------------------------------------------
  // Event Handlers
  // --------------------------------------------------

  @bind
  handlePress() {
    Clipboard.setString(this.props.user.name);
  }

  // --------------------------------------------------
  // Render
  // --------------------------------------------------
  render() {
    return (
      <View>
        ...
        <Touchable
          onPress={this.handlePress}>
          <Text>
            {'Copy Name'}
          </Text>
        </Touchable>
      </View>
    );
  }

}
```

## API

### `async getString`

Returns a promise that resolves to the string currently copied to the clipboard. This currently is not supported on the DOM version. Please submit a PR with this functionality!

### `async setString(string)`

Copies the `string` to the clipboard.

## Contributing

If you have any ideas on how this module could be better, [create an Issue](https://github.com/negativetwelve/react-x/issues) or [submit a PR](https://github.com/negativetwelve/react-x/pulls).
npm package: @react-x/execution-environment
Description: Cross-platform ExecutionEnvironment module for ReactDOM and React Native apps.
Author: Mark Miyashita
Latest version: 3.4.1

# @react-x/execution-environment

[![npm](https://img.shields.io/npm/v/@react-x/execution-environment.svg)](https://www.npmjs.com/package/@react-x/execution-environment)
[![npm](https://img.shields.io/npm/dt/@react-x/execution-environment.svg)](https://www.npmjs.com/package/@react-x/execution-environment)
[![npm](https://img.shields.io/npm/l/@react-x/execution-environment.svg)](https://github.com/negativetwelve/react-x/blob/master/LICENSE)

## Getting Started

Install `@react-x/execution-environment` using `yarn`:

```shell
yarn add @react-x/execution-environment
```

## Usage

```javascript
import ExecutionEnvironment from '@react-x/execution-environment';
```

## Contributing

If you have any ideas on how this module could be better, [create an Issue](https://github.com/negativetwelve/react-x/issues) or [submit a PR](https://github.com/negativetwelve/react-x/pulls).
npm package: @react-x/flat-list
Description: Cross-platform FlatList component for ReactDOM and React Native apps.
Author: Mark Miyashita
Latest version: 3.4.1

# @react-x/flat-list

[![npm](https://img.shields.io/npm/v/@react-x/flat-list.svg)](https://www.npmjs.com/package/@react-x/flat-list)
[![npm](https://img.shields.io/npm/dt/@react-x/flat-list.svg)](https://www.npmjs.com/package/@react-x/flat-list)
[![npm](https://img.shields.io/npm/l/@react-x/flat-list.svg)](https://github.com/negativetwelve/react-x/blob/master/LICENSE)

## Getting Started

Install `@react-x/flat-list` using `yarn`:

```shell
yarn add @react-x/flat-list
```

## Usage

```javascript
import FlatList from '@react-x/flat-list';
```

## Contributing

If you have any ideas on how this module could be better, [create an Issue](https://github.com/negativetwelve/react-x/issues) or [submit a PR](https://github.com/negativetwelve/react-x/pulls).
npm package: @react-x/geolocation
Description: Cross-platform geolocation for ReactDOM and React Native apps.
Author: Mark Miyashita
Latest version: 3.4.1

# @react-x/geolocation

[![npm](https://img.shields.io/npm/v/@react-x/geolocation.svg)](https://www.npmjs.com/package/@react-x/geolocation)
[![npm](https://img.shields.io/npm/dt/@react-x/geolocation.svg)](https://www.npmjs.com/package/@react-x/geolocation)
[![npm](https://img.shields.io/npm/l/@react-x/geolocation.svg)](https://github.com/negativetwelve/react-x/blob/master/LICENSE)

## Getting Started

Install `@react-x/geolocation` using `yarn`:

```shell
yarn add @react-x/geolocation
```

## Usage

```javascript
import Geolocation from '@react-x/geolocation';
```

## Contributing

If you have any ideas on how this module could be better, [create an Issue](https://github.com/negativetwelve/react-x/issues) or [submit a PR](https://github.com/negativetwelve/react-x/pulls).
npm package: @react-x/image
Description: Cross-platform Image component for ReactDOM and React Native apps.
Author: Mark Miyashita
Latest version: 3.4.1

# @react-x/image

[![npm](https://img.shields.io/npm/v/@react-x/image.svg)](https://www.npmjs.com/package/@react-x/image)
[![npm](https://img.shields.io/npm/dt/@react-x/image.svg)](https://www.npmjs.com/package/@react-x/image)
[![npm](https://img.shields.io/npm/l/@react-x/image.svg)](https://github.com/negativetwelve/react-x/blob/master/LICENSE)

## Getting Started

Install `@react-x/image` using `yarn`:

```shell
yarn add @react-x/image
```

## Usage

```javascript
import Image from '@react-x/image';
```

## Contributing

If you have any ideas on how this module could be better, [create an Issue](https://github.com/negativetwelve/react-x/issues) or [submit a PR](https://github.com/negativetwelve/react-x/pulls).
npm package: @react-x/keyboard-avoiding-view
Description: Cross-platform KeyboardAvoidingView component for ReactDOM and React Native apps.
Author: Mark Miyashita
Latest version: 3.4.1

# @react-x/keyboard-avoiding-view

[![npm](https://img.shields.io/npm/v/@react-x/keyboard-avoiding-view.svg)](https://www.npmjs.com/package/@react-x/keyboard-avoiding-view)
[![npm](https://img.shields.io/npm/dt/@react-x/keyboard-avoiding-view.svg)](https://www.npmjs.com/package/@react-x/keyboard-avoiding-view)
[![npm](https://img.shields.io/npm/l/@react-x/keyboard-avoiding-view.svg)](https://github.com/negativetwelve/react-x/blob/master/LICENSE)

## Getting Started

Install `@react-x/keyboard-avoiding-view` using `yarn`:

```shell
yarn add @react-x/keyboard-avoiding-view
```

## Usage

```javascript
import KeyboardAvoidingView from '@react-x/keyboard-avoiding-view';
```

## Contributing

If you have any ideas on how this module could be better, [create an Issue](https://github.com/negativetwelve/react-x/issues) or [submit a PR](https://github.com/negativetwelve/react-x/pulls).
npm package: @react-x/linking
Description: Cross-platform linking for ReactDOM and React Native apps.
Author: Mark Miyashita
Latest version: 3.4.1

# @react-x/linking

[![npm](https://img.shields.io/npm/v/@react-x/linking.svg)](https://www.npmjs.com/package/@react-x/linking)
[![npm](https://img.shields.io/npm/dt/@react-x/linking.svg)](https://www.npmjs.com/package/@react-x/linking)
[![npm](https://img.shields.io/npm/l/@react-x/linking.svg)](https://github.com/negativetwelve/react-x/blob/master/LICENSE)

## Getting Started

Install `@react-x/linking` using `yarn`:

```shell
yarn add @react-x/linking
```

## Usage

```javascript
import Linking from '@react-x/linking';
```

## Contributing

If you have any ideas on how this module could be better, [create an Issue](https://github.com/negativetwelve/react-x/issues) or [submit a PR](https://github.com/negativetwelve/react-x/pulls).
npm package: @react-x/net-info
Description: Cross-platform NetInfo module for ReactDOM and React Native apps.
Author: Mark Miyashita
Latest version: 3.4.1

# @react-x/animated

[![npm](https://img.shields.io/npm/v/@react-x/animated.svg)](https://www.npmjs.com/package/@react-x/animated)
[![npm](https://img.shields.io/npm/dt/@react-x/animated.svg)](https://www.npmjs.com/package/@react-x/animated)
[![npm](https://img.shields.io/npm/l/@react-x/animated.svg)](https://github.com/negativetwelve/react-x/blob/master/LICENSE)

## Getting Started

Install `@react-x/animated` using `yarn`:

```shell
yarn add @react-x/animated
```

## Usage

```javascript
import Animated from '@react-x/animated';
```

## Contributing

If you have any ideas on how this module could be better, [create an Issue](https://github.com/negativetwelve/react-x/issues) or [submit a PR](https://github.com/negativetwelve/react-x/pulls).
npm package: @react-x/platform
Description: Cross-platform platform module for ReactDOM and React Native apps.
Author: Mark Miyashita
Latest version: 3.4.1

# @react-x/platform

[![npm](https://img.shields.io/npm/v/@react-x/platform.svg)](https://www.npmjs.com/package/@react-x/platform)
[![npm](https://img.shields.io/npm/dt/@react-x/platform.svg)](https://www.npmjs.com/package/@react-x/platform)
[![npm](https://img.shields.io/npm/l/@react-x/platform.svg)](https://github.com/negativetwelve/react-x/blob/master/LICENSE)

## Getting Started

Install `@react-x/platform` using `yarn`:

```shell
yarn add @react-x/platform
```

## Usage

```javascript
import Platform from '@react-x/platform';
```

## Contributing

If you have any ideas on how this module could be better, [create an Issue](https://github.com/negativetwelve/react-x/issues) or [submit a PR](https://github.com/negativetwelve/react-x/pulls).
npm package: @react-x/primitives
Description: Set of primitive components to render React and React Native.
Author: Mark Miyashita
Latest version: 3.2.0

# @react-x/primitives

[![npm](https://img.shields.io/npm/v/@react-x/primitives.svg)](https://www.npmjs.com/package/@react-x/primitives)
[![npm](https://img.shields.io/npm/dt/@react-x/primitives.svg)](https://www.npmjs.com/package/@react-x/primitives)
[![npm](https://img.shields.io/npm/l/@react-x/primitives.svg)](https://github.com/negativetwelve/react-x/blob/master/LICENSE)

Set of primitive components to render React and React Native. This package bundles up the great [react-primitives](https://github.com/lelandrichardson/react-primitives) library to be used in the `react-x` ecosystem.

## Getting Started

Install `@react-x/primitives` using `yarn`:

```shell
yarn add @react-x/primitives
```

## Usage

```javascript
import {View, Text, Image, StyleSheet, Animated} from '@react-x/primitives';
```

## Contributing

If you have any ideas on how this module could be better, [create an Issue](https://github.com/negativetwelve/react-x/issues) or [submit a PR](https://github.com/negativetwelve/react-x/pulls).
npm package: @react-x/safe-area-view
Description: Cross-platform SafeAreaView component for ReactDOM and React Native apps.
Author: Mark Miyashita
Latest version: 3.4.1

# @react-x/safe-area-view

[![npm](https://img.shields.io/npm/v/@react-x/safe-area-view.svg)](https://www.npmjs.com/package/@react-x/safe-area-view)
[![npm](https://img.shields.io/npm/dt/@react-x/safe-area-view.svg)](https://www.npmjs.com/package/@react-x/safe-area-view)
[![npm](https://img.shields.io/npm/l/@react-x/safe-area-view.svg)](https://github.com/negativetwelve/react-x/blob/master/LICENSE)

## Getting Started

Install `@react-x/safe-area-view` using `yarn`:

```shell
yarn add @react-x/safe-area-view
```

## Usage

```javascript
import SafeAreaView from '@react-x/safe-area-view';
```

## Contributing

If you have any ideas on how this module could be better, [create an Issue](https://github.com/negativetwelve/react-x/issues) or [submit a PR](https://github.com/negativetwelve/react-x/pulls).
npm package: @react-x/scroll-view
Description: Cross-platform ScrollView component for ReactDOM and React Native apps.
Author: Mark Miyashita
Latest version: 3.4.1

# @react-x/scroll-view

[![npm](https://img.shields.io/npm/v/@react-x/scroll-view.svg)](https://www.npmjs.com/package/@react-x/scroll-view)
[![npm](https://img.shields.io/npm/dt/@react-x/scroll-view.svg)](https://www.npmjs.com/package/@react-x/scroll-view)
[![npm](https://img.shields.io/npm/l/@react-x/scroll-view.svg)](https://github.com/negativetwelve/react-x/blob/master/LICENSE)

## Getting Started

Install `@react-x/scroll-view` using `yarn`:

```shell
yarn add @react-x/scroll-view
```

## Usage

```javascript
import ScrollView from '@react-x/scroll-view';
```

## Contributing

If you have any ideas on how this module could be better, [create an Issue](https://github.com/negativetwelve/react-x/issues) or [submit a PR](https://github.com/negativetwelve/react-x/pulls).
npm package: @react-x/section-list
Description: Cross-platform SectionList component for ReactDOM and React Native apps.
Author: Mark Miyashita
Latest version: 3.4.1

# @react-x/section-list

[![npm](https://img.shields.io/npm/v/@react-x/section-list.svg)](https://www.npmjs.com/package/@react-x/section-list)
[![npm](https://img.shields.io/npm/dt/@react-x/section-list.svg)](https://www.npmjs.com/package/@react-x/section-list)
[![npm](https://img.shields.io/npm/l/@react-x/section-list.svg)](https://github.com/negativetwelve/react-x/blob/master/LICENSE)

## Getting Started

Install `@react-x/section-list` using `yarn`:

```shell
yarn add @react-x/section-list
```

## Usage

```javascript
import SectionList from '@react-x/section-list';
```

## Contributing

If you have any ideas on how this module could be better, [create an Issue](https://github.com/negativetwelve/react-x/issues) or [submit a PR](https://github.com/negativetwelve/react-x/pulls).
npm package: @react-x/storage
Description: Cross-platform storage for ReactDOM (localStorage) and React Native (AsyncStorage) apps.
Author: Mark Miyashita
Latest version: 3.4.1

# @react-x/storage

[![npm](https://img.shields.io/npm/v/@react-x/storage.svg)](https://www.npmjs.com/package/@react-x/storage)
[![npm](https://img.shields.io/npm/dt/@react-x/storage.svg)](https://www.npmjs.com/package/@react-x/storage)
[![npm](https://img.shields.io/npm/l/@react-x/storage.svg)](https://github.com/negativetwelve/react-x/blob/master/LICENSE)

Cross-platform storage for ReactDOM and React Native apps.

## Getting Started

Install `@react-x/storage` using `yarn`:

```shell
yarn add @react-x/storage
```

## Usage

```javascript
import React from 'react';
import PropTypes from 'prop-types';
import {Text, Touchable, View} from 'react-native';
import Storage from '@react-x/storage';


class App extends React.Component {

  // --------------------------------------------------
  // Props
  // --------------------------------------------------
  static propTypes = {
    user: PropTypes.object.isRequired,
  };

  static defaultProps = {
  };

  // --------------------------------------------------
  // Event Handlers
  // --------------------------------------------------

  @bind
  async handlePress() {
    Storage.setItem('name', this.props.user.name);
  }

  // --------------------------------------------------
  // Render
  // --------------------------------------------------
  render() {
    return (
      <View>
        ...
        <Touchable
          onPress={this.handlePress}>
          <Text>
            {'Copy Name'}
          </Text>
        </Touchable>
      </View>
    );
  }

}
```

## API

### `async setItem(key, value)`

Sets a key / value pair within the storage container.

### `async getItem(key)`

Gets a specified key from the storage container.

## Contributing

If you have any ideas on how this module could be better, [create an Issue](https://github.com/negativetwelve/react-x/issues) or [submit a PR](https://github.com/negativetwelve/react-x/pulls).
npm package: @react-x/style-sheet
Description: Cross-platform StyleSheet module for ReactDOM and React Native apps.
Author: Mark Miyashita
Latest version: 3.4.1

# @react-x/style-sheet

[![npm](https://img.shields.io/npm/v/@react-x/style-sheet.svg)](https://www.npmjs.com/package/@react-x/style-sheet)
[![npm](https://img.shields.io/npm/dt/@react-x/style-sheet.svg)](https://www.npmjs.com/package/@react-x/style-sheet)
[![npm](https://img.shields.io/npm/l/@react-x/style-sheet.svg)](https://github.com/negativetwelve/react-x/blob/master/LICENSE)

## Getting Started

Install `@react-x/style-sheet` using `yarn`:

```shell
yarn add @react-x/style-sheet
```

## Usage

```javascript
import StyleSheet from '@react-x/style-sheet';
```

## Contributing

If you have any ideas on how this module could be better, [create an Issue](https://github.com/negativetwelve/react-x/issues) or [submit a PR](https://github.com/negativetwelve/react-x/pulls).
npm package: @react-x/svg
Description: Cross-platform SVG support for React and React Native.
Author: Mark Miyashita
Latest version: 3.4.1

# @react-x/svg

[![npm](https://img.shields.io/npm/v/@react-x/svg.svg)](https://www.npmjs.com/package/@react-x/svg)
[![npm](https://img.shields.io/npm/dt/@react-x/svg.svg)](https://www.npmjs.com/package/@react-x/svg)
[![npm](https://img.shields.io/npm/l/@react-x/svg.svg)](https://github.com/negativetwelve/react-x/blob/master/LICENSE)

Adds cross-platform SVG support for ReactDOM and React Native. This package bundles up the great [react-primitives-svg](https://github.com/chengyin/react-primitives-svg) library to be used in the `react-x` ecosystem.

## Getting Started

Install `@react-x/svg` using `yarn`:

```shell
yarn add @react-x/svg
```

## Usage

```javascript
import SVG, {Circle, Rect, Line} from '@react-x/svg';
```

## Contributing

If you have any ideas on how this module could be better, [create an Issue](https://github.com/negativetwelve/react-x/issues) or [submit a PR](https://github.com/negativetwelve/react-x/pulls).
npm package: @react-x/switch
Description: Cross-platform Switch component for React and React Native.
Author: Mark Miyashita
Latest version: 3.4.1

# @react-x/switch

[![npm](https://img.shields.io/npm/v/@react-x/switch.svg)](https://www.npmjs.com/package/@react-x/switch)
[![npm](https://img.shields.io/npm/dt/@react-x/switch.svg)](https://www.npmjs.com/package/@react-x/switch)
[![npm](https://img.shields.io/npm/l/@react-x/switch.svg)](https://github.com/negativetwelve/react-x/blob/master/LICENSE)

Cross-platform Switch component for React and React Native.

## Getting Started

Install `@react-x/switch` using `yarn`:

```shell
yarn add @react-x/switch
```

## Usage

```javascript
import Switch from '@react-x/switch';
```

## Props

Prop | Type | Required | Description
-----|------|----------|------------
`isOn` | boolean | yes | Whether or not the switch is on or off.
`onChange` | function | no | Callback triggered when the switch is toggled.
`onTintColor` | string | no | The color the switch should be when turned on.
`thumbTintColor` | string | no | The color of the tappable part of the switch.
`tintColor` | string | no | The color the switch should be when turned off.
`isDisabled` | boolean | no | Whether or not this switch is togglable.

## Contributing

If you have any ideas on how this module could be better, [create an Issue](https://github.com/negativetwelve/react-x/issues) or [submit a PR](https://github.com/negativetwelve/react-x/pulls).
npm package: @react-x/text
Description: Cross-platform Text component for ReactDOM and React Native apps.
Author: Mark Miyashita
Latest version: 3.4.1

# @react-x/text

[![npm](https://img.shields.io/npm/v/@react-x/text.svg)](https://www.npmjs.com/package/@react-x/text)
[![npm](https://img.shields.io/npm/dt/@react-x/text.svg)](https://www.npmjs.com/package/@react-x/text)
[![npm](https://img.shields.io/npm/l/@react-x/text.svg)](https://github.com/negativetwelve/react-x/blob/master/LICENSE)

## Getting Started

Install `@react-x/text` using `yarn`:

```shell
yarn add @react-x/text
```

## Usage

```javascript
import Text from '@react-x/text';
```

## Contributing

If you have any ideas on how this module could be better, [create an Issue](https://github.com/negativetwelve/react-x/issues) or [submit a PR](https://github.com/negativetwelve/react-x/pulls).
npm package: @react-x/text-input
Description: Cross-platform TextInput component for React and React Native.
Author: Mark Miyashita
Latest version: 3.4.1

# @react-x/text-input

[![npm](https://img.shields.io/npm/v/@react-x/text-input.svg)](https://www.npmjs.com/package/@react-x/text-input)
[![npm](https://img.shields.io/npm/dt/@react-x/text-input.svg)](https://www.npmjs.com/package/@react-x/text-input)
[![npm](https://img.shields.io/npm/l/@react-x/text-input.svg)](https://github.com/negativetwelve/react-x/blob/master/LICENSE)

Cross-platform TextInput component for React and React Native.

## Getting Started

Install `@react-x/text-input` using `yarn`:

```shell
yarn add @react-x/text-input
```

## Usage

```javascript
import TextInput from '@react-x/text-input';
```

## Props

Prop | Type | Required | Description
-----|------|----------|------------

## Contributing

If you have any ideas on how this module could be better, [create an Issue](https://github.com/negativetwelve/react-x/issues) or [submit a PR](https://github.com/negativetwelve/react-x/pulls).
npm package: @react-x/touchable
Description: Cross-platform Touchable component for ReactDOM and React Native apps.
Author: Mark Miyashita
Latest version: 3.4.1

# @react-x/touchable

[![npm](https://img.shields.io/npm/v/@react-x/touchable.svg)](https://www.npmjs.com/package/@react-x/touchable)
[![npm](https://img.shields.io/npm/dt/@react-x/touchable.svg)](https://www.npmjs.com/package/@react-x/touchable)
[![npm](https://img.shields.io/npm/l/@react-x/touchable.svg)](https://github.com/negativetwelve/react-x/blob/master/LICENSE)

## Getting Started

Install `@react-x/touchable` using `yarn`:

```shell
yarn add @react-x/touchable
```

## Usage

```javascript
import {
  TouchableHighlight,
  TouchableOpacity,
  TouchableWithoutFeedback,
} from '@react-x/touchable';
```

## Contributing

If you have any ideas on how this module could be better, [create an Issue](https://github.com/negativetwelve/react-x/issues) or [submit a PR](https://github.com/negativetwelve/react-x/pulls).
npm package: @react-x/view
Description: Cross-platform View component for ReactDOM and React Native apps.
Author: Mark Miyashita
Latest version: 3.4.1

# @react-x/view

[![npm](https://img.shields.io/npm/v/@react-x/view.svg)](https://www.npmjs.com/package/@react-x/view)
[![npm](https://img.shields.io/npm/dt/@react-x/view.svg)](https://www.npmjs.com/package/@react-x/view)
[![npm](https://img.shields.io/npm/l/@react-x/view.svg)](https://github.com/negativetwelve/react-x/blob/master/LICENSE)

## Getting Started

Install `@react-x/view` using `yarn`:

```shell
yarn add @react-x/view
```

## Usage

```javascript
import View from '@react-x/view';
```

## Contributing

If you have any ideas on how this module could be better, [create an Issue](https://github.com/negativetwelve/react-x/issues) or [submit a PR](https://github.com/negativetwelve/react-x/pulls).