# leverageui

> My first react typescript package

Latest version **0.0.25-debug** (published 2024-02-19) · MIT license · 0 weekly downloads

## Install

```sh
npm install leverageui
pnpm add leverageui
yarn add leverageui
bun add leverageui
```

## Health

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

Positive: has types; esm support; no vulnerabilities; high quality score.

Warnings: low downloads; pre 1.0.

Negative: abandoned; low maintenance score.

## Facts

| | |
|---|---|
| Version | 0.0.25-debug |
| Published | 2024-02-19 |
| First published | 2023-05-21 |
| Weekly downloads | 0 |
| License | MIT |
| TypeScript types | bundled |
| Module format | ESM + CommonJS |
| Dependencies | 1 |
| Unpacked size | 41.8 KB |
| Known vulnerabilities | 0 |
| Install scripts | no |
| GitHub stars | 0 |
| Author | Igor Gaponov |
| Maintainers | levered |
| Keywords | react, typescript, awesome-project |

## Links

- npm: https://www.npmjs.com/package/leverageui
- Repository: https://github.com/leveredEngineering/leverageui
- Homepage: https://github.com/leveredEngineering/leverageui#readme
- Issues: https://github.com/leveredEngineering/leverageui/issues
- npm.io page: https://npm.io/package/leverageui

## Dependencies (1)

- [@yext/pages-components](https://npm.io/package/@yext/pages-components.md) ^1.0.0-rc.1

## Alternatives

- [mobx-react](https://npm.io/package/mobx-react.md) — 2.8M weekly downloads
- [rc-tree](https://npm.io/package/rc-tree.md) — 2.6M weekly downloads
- [@react-oauth/google](https://npm.io/package/@react-oauth/google.md) — 1.3M weekly downloads
- [@wagmi/connectors](https://npm.io/package/@wagmi/connectors.md) — 877.0K weekly downloads
- [vee-validate](https://npm.io/package/vee-validate.md) — 836.4K weekly downloads

## Recent versions

- 0.0.25-debug (latest) — 2024-02-19
- 0.0.24-debug — 2024-02-15
- 0.0.23-debug — 2024-02-15
- 0.0.22-debug — 2024-02-07
- 0.0.21-debug — 2024-02-05
- 0.0.20-debug — 2024-02-05
- 0.0.12 — 2024-01-27
- 0.0.11 — 2024-01-27
- 0.0.9 — 2023-05-25
- 0.0.8 — 2023-05-24
- 0.0.7 — 2023-05-21
- 0.0.0 — 2023-05-21

## README

# leverageUI
To publish, update package.json version and run `npm publish`

# my-react-typescript-package

[![NPM version][npm-image]][npm-url]
[![Build][github-build]][github-build-url]
![npm-typescript]
[![License][github-license]][github-license-url]

This repo is the example of the article ["How to create and publish React Typescript npm package with demo and automated build"](https://medium.com/@igaponov/how-to-create-and-publish-react-typescript-npm-package-with-demo-and-automated-build-80c40ec28aca).

You can clone it and step by step create your own NPM package and publish it.

It is simple React counter.

[**Live Demo**](https://gapon2401.github.io/my-react-typescript-package/)

## Installation:

```bash
npm install my-react-typescript-package --save-dev
```

or

```bash
yarn add -D my-react-typescript-package
```

## Usage :

Add `MyCounter` to your component:

```js
import React from 'react'
import ReactDOM from 'react-dom/client'
import { MyCounter } from 'my-react-typescript-package'

const root = ReactDOM.createRoot(document.getElementById('root') as HTMLElement)
root.render(
    <React.StrictMode>
        <div>
            <h2>Default counter</h2>
            <MyCounter />
        </div>
        <hr />
        <div>
            <h2>Counter with predefined value</h2>
            <MyCounter value={5} />
        </div>
    </React.StrictMode>,
)

```

[npm-url]: https://www.npmjs.com/package/my-react-typescript-package
[npm-image]: https://img.shields.io/npm/v/my-react-typescript-package
[github-license]: https://img.shields.io/github/license/gapon2401/my-react-typescript-package
[github-license-url]: https://github.com/gapon2401/my-react-typescript-package/blob/master/LICENSE
[github-build]: https://github.com/gapon2401/my-react-typescript-package/actions/workflows/publish.yml/badge.svg
[github-build-url]: https://github.com/gapon2401/my-react-typescript-package/actions/workflows/publish.yml
[npm-typescript]: https://img.shields.io/npm/types/my-react-typescript-package

---
_Source: https://npm.io/package/leverageui · Machine-readable twin of the npm.io package page. Health data is recomputed on every publish._