# @digital-art-dealers/react-native-component-lib

> This is the repo for a TailWind (NativeWind) react native component library that aims and improving the speed at which mobile apps are made.

Latest version **2.0.0** (published 2023-03-15) · ISC license · 0 weekly downloads

## Install

```sh
npm install @digital-art-dealers/react-native-component-lib
pnpm add @digital-art-dealers/react-native-component-lib
yarn add @digital-art-dealers/react-native-component-lib
bun add @digital-art-dealers/react-native-component-lib
```

## Health

**Score 25/100 (F)** — status: abandoned.

Positive: has types; esm support; no vulnerabilities.

Warnings: low downloads.

Negative: abandoned; low maintenance score.

## Facts

| | |
|---|---|
| Version | 2.0.0 |
| Published | 2023-03-15 |
| First published | 2022-09-20 |
| Weekly downloads | 0 |
| License | ISC |
| TypeScript types | bundled |
| Module format | ESM + CommonJS |
| Dependencies | 1 |
| Unpacked size | 262.3 KB |
| Known vulnerabilities | 0 |
| Install scripts | no |
| GitHub stars | 29 |
| Maintainers | manbeartrain, gbae |
| Keywords | react-native, tailwindcss, component library, typescript |

## Links

- npm: https://www.npmjs.com/package/@digital-art-dealers/react-native-component-lib
- Repository: https://github.com/daboigbae/react-native-component-lib
- Homepage: https://github.com/daboigbae/react-native-component-lib#readme
- Issues: https://github.com/daboigbae/react-native-component-lib/issues
- npm.io page: https://npm.io/package/@digital-art-dealers/react-native-component-lib

## Dependencies (1)

- [nativewind](https://npm.io/package/nativewind.md) ^2.0.11

## Alternatives

- [@openai/codex-sdk](https://npm.io/package/@openai/codex-sdk.md) — 731.4K weekly downloads
- [babel-plugin-transform-react-jsx](https://npm.io/package/babel-plugin-transform-react-jsx.md) — 565.0K weekly downloads
- [babel-helper-remove-or-void](https://npm.io/package/babel-helper-remove-or-void.md) — 508.5K weekly downloads
- [@pnpm/store-controller-types](https://npm.io/package/@pnpm/store-controller-types.md) — 186.9K weekly downloads
- [react-native-signature-canvas](https://npm.io/package/react-native-signature-canvas.md) — 155.6K weekly downloads

## Recent versions

- 2.0.0 (latest) — 2023-03-15
- 1.0.13 — 2022-10-21
- 1.0.12 — 2022-09-28
- 1.0.11 — 2022-09-25
- 1.0.9 — 2022-09-23
- 1.0.8 — 2022-09-23
- 1.0.7 — 2022-09-23
- 1.0.6 — 2022-09-23
- 1.0.5 — 2022-09-21
- 1.0.4 — 2022-09-21
- 1.0.3 — 2022-09-21
- 1.0.2 — 2022-09-21
- 1.0.1 — 2022-09-21
- 1.0.0 — 2022-09-20

## README

<p align="center">
  <img width="200" height="200" src="https://github.com/daboigbae/react-native-component-lib/blob/main/assets/logo.png"/>
</p>

<p align="center">
  <a href="https://munchkinreact.app/">munchkinreact.app</a>
</p>

<p align="center">👾 Munchkin - A react native component lib compatible with TailWind CSS</p>

<p align="center">
  ⭐ Help us out by giving a star ⭐
</p>



## Features
1. Get buttons, loaders, and other components to bootstrap your app development
2. TailWind CSS compatible
3. Written in TypeScript

## Try it out now
Run the example [storybook](https://apps.apple.com/us/app/munchkin-storybook/id6443563473), now available on iOS

## Getting started
Fastest way to get started is to use our [template](https://github.com/daboigbae/react-native-template). 

To add this component lib to your project manually:
1. Install and configure (nativewind)[https://www.nativewind.dev/]
2. run `yarn add @digital-art-dealers/react-native-component-lib` in your project
3. add `node_modules/@digital-art-dealers/react-native-component-lib/**/*.{js,jsx,ts,tsx}` to your `tailwind.config.js`

## View the code
To view code to the sample storybook [here](https://github.com/daboigbae/react-native-component-lib)

#### Run locally for development
To run the test project locally run `yarn change:package:dev` then run `yarn ios` or `yarn android`, 

#### Build library for release
To build the library, run `yarn change:package:prod`, set version in `package.json` then run `yarn build` this will create a `dist` file that will allow you to install the library in your project.

##### Build library for local testing (optional)
To make a test version of the library (.tgz) run `yarn pack`

#### Troubleshooting
If you're getting permission denied on your scripts. Make sure to change their permissions by running `chmod +x bash/change-package-dev.sh ` and `chmod +x bash/change-package-prod.sh`

---
_Source: https://npm.io/package/@digital-art-dealers/react-native-component-lib · Machine-readable twin of the npm.io package page. Health data is recomputed on every publish._