# celito-library-ts

> https://www.thisdot.co/blog/how-to-setup-a-typescript-project-using-rollup-js

Latest version **2.0.15** (published 2022-08-30) · ISC license · 0 weekly downloads

## Install

```sh
npm install celito-library-ts
pnpm add celito-library-ts
yarn add celito-library-ts
bun add celito-library-ts
```

## Health

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

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

Warnings: low downloads; large bundle.

Negative: abandoned; low maintenance score.

## Facts

| | |
|---|---|
| Version | 2.0.15 |
| Published | 2022-08-30 |
| First published | 2022-08-30 |
| Weekly downloads | 0 |
| License | ISC |
| TypeScript types | bundled |
| Module format | ESM + CommonJS |
| Dependencies | 4 |
| Unpacked size | 10.6 MB |
| Known vulnerabilities | 0 |
| Install scripts | no |
| Author | Pranavi Gaddipati |
| Maintainers | pranavig |
| Keywords | React, Test Library, Celito, Custom library, React Package, Typescript |

## Links

- npm: https://www.npmjs.com/package/celito-library-ts
- npm.io page: https://npm.io/package/celito-library-ts

## Dependencies (4)

- [source-map-loader](https://npm.io/package/source-map-loader.md) ^4.0.0
- [@hookform/resolvers](https://npm.io/package/@hookform/resolvers.md) ^2.9.7
- [@fluentui/react-hooks](https://npm.io/package/@fluentui/react-hooks.md) ^8.6.10
- [react-drag-drop-files](https://npm.io/package/react-drag-drop-files.md) ^2.3.7

## 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

- 2.0.15 (latest) — 2022-08-30
- 2.0.14 — 2022-08-30
- 2.0.13 — 2022-08-30
- 2.0.12 — 2022-08-30
- 2.0.11 — 2022-08-30
- 2.0.10 — 2022-08-30
- 2.0.9 — 2022-08-30
- 2.0.8 — 2022-08-30
- 2.0.7 — 2022-08-30
- 2.0.6 — 2022-08-30
- 2.0.5 — 2022-08-30
- 2.0.4 — 2022-08-30
- 2.0.3 — 2022-08-30
- 2.0.2 — 2022-08-30
- 2.0.1 — 2022-08-30
- … 8 more at https://npm.io/package/celito-library-ts/versions

## README

` Setup a sample typescript based library to export to NPM as a package and install in other projects`

### Install required dependencies

`npm i -D react typescript @types/react`

`npx tsc --init`

`npm i -D rollup --force`

`npm i -D @rollup/plugin-node-resolve @rollup/plugin-commonjs @rollup/plugin-typescript rollup-plugin-peer-deps-external rollup-plugin-postcss rollup-plugin-terser --force`

`npm i -D rollup-plugin-dts --force`

`npm i -D rollup-plugin-node-resolve --force`

`npm i -D rollup-plugin-commonjs --force`

### Build the library

`npm run build`

### Publishing to NPM

`npm login`

`npm publish`


### Sample usage in another project

npm i --legacy-peer-deps sass sass-loader style-loader yup react-icons react-hook-form --save-dev

npm i --legacy-peer-deps @hookform/resolvers react-drag-drop-files --save-dev

npm i --legacy-peer-deps @fluentui/react-hooks --save-dev

npm i celito-library-ts --save-dev

`import { FluentButton, PrimaryButton } from 'celito-library-ts';`

```
    <FluentButton onClick={() => console.log("Clicked")}>
        Test Button 123
    </FluentButton>
    <PrimaryButton onClick={() => console.log("Clicked")}>
        Test Button 456
    </PrimaryButton>

```


### Reference

https://www.thisdot.co/blog/how-to-setup-a-typescript-project-using-rollup-js

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