# react-demo-project

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

Latest version **0.0.4** (published 2023-07-19) · 0 weekly downloads

## Install

```sh
npm install react-demo-project
pnpm add react-demo-project
yarn add react-demo-project
bun add react-demo-project
```

## Health

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

Positive: has types; esm support; no vulnerabilities.

Warnings: low downloads; pre 1.0.

Negative: abandoned; low maintenance score.

## Facts

| | |
|---|---|
| Version | 0.0.4 |
| Published | 2023-07-19 |
| First published | 2023-07-19 |
| Weekly downloads | 0 |
| TypeScript types | bundled |
| Module format | ESM + CommonJS |
| Dependencies | 10 |
| Unpacked size | 307.1 KB |
| Known vulnerabilities | 0 |
| Install scripts | no |
| Author | uroojbaig111 |
| Maintainers | uroojbaig111 |
| Keywords | react, typescript, awesome-project |

## Links

- npm: https://www.npmjs.com/package/react-demo-project
- Repository: https://github.com/uroojbaig111/react-app-demo-repo
- Homepage: https://github.com/uroojbaig111/react-app-demo-repo#readme
- Issues: https://github.com/uroojbaig111/react-app-demo-repo/issues
- npm.io page: https://npm.io/package/react-demo-project

## Dependencies (10)

- [antd](https://npm.io/package/antd.md) ^5.7.1
- [tslib](https://npm.io/package/tslib.md) ^2.6.0
- [deck.gl](https://npm.io/package/deck.gl.md) ^8.9.21
- [papaparse](https://npm.io/package/papaparse.md) ^5.4.1
- [tiny-cookie](https://npm.io/package/tiny-cookie.md) ^2.4.1
- [@emotion/css](https://npm.io/package/@emotion/css.md) ^11.11.2
- [react-map-gl](https://npm.io/package/react-map-gl.md) ^7.1.2
- [@emotion/react](https://npm.io/package/@emotion/react.md) ^11.11.1
- [@types/papaparse](https://npm.io/package/@types/papaparse.md) ^5.3.7
- [@types/react-window](https://npm.io/package/@types/react-window.md) ^1.8.5

## 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.4 (latest) — 2023-07-19
- 0.0.3 — 2023-07-19
- 0.0.2 — 2023-07-19

## README

# 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/react-demo-project · Machine-readable twin of the npm.io package page. Health data is recomputed on every publish._